問題タブ [react-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React Native -- 子イベント ハンドラが親の状態を更新した後、子の .Map() 項目が再レンダリングされない
私のプロジェクトでは、.map()関数を使用してデータファイルをループしながら、関数 ( updatestate) を親コンポーネントからApp子に渡していMainます。これにより、子は親状態で呼び出し.setState()て配列に追加できます。
しかし、この関数を呼び出して親の状態を設定すると、マップされたセクション-- {contents}--画面をもう一度タップしない限り再レンダリングされません。
何か案は？バインディングが不足していますか、それとも componentDidMount などを実行する必要がありますか? this.forceUpdate()eventHandler 内に追加しようとしましたが、**マップされた{contents}セクション**はまだ自動的にレンダリングされません。
イベントハンドラーの問題ではないことを確認するために、親の状態を設定しない関数を追加し、イベントハンドラーでそれを<Card>呼び出しました-それは完全に機能し、子コンポーネント<Card>は完全にレンダリングされます. updatestateアップストリームを呼び出すように機能するのは、親から子に渡された関数であるようです。何らかの理由で、子がイベントハンドラーの後にマップされ.setState()たものをレンダリングしない/レンダリングを終了しない原因となっています。{contents}
reactjs - 4 番目のコンポーネントがレンダリングされない理由
ひどいインデントで申し訳ありませんが、コンポーネント レンダリングに関する 4 番目でないのはなぜですか。コンポーネントについて別のファイルに書き込もうとしても、すべてを試しましたが、結果は同じです。3番目のクラスのコンポーネントは約であり、正常にレンダリングされるコンポーネントのようApp.jsにエクスポートおよびインポートしました。index.jsRcomp1
App.js
index.js