問題タブ [react-memo]
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.
reactjs - 取得した結果をコンポーネントに記憶する
アイテムに画像を追加するコンポーネントに取り組んでいます。独自の画像をアップロードするか、アイテムの名前に基づいて API から読み込まれた画像を選択できます。
ルート コンポーネントは次のとおりです。
そして、ここにある<ImagePicker />：
私が苦労しているのは、searchTerm変更されていない場合、コンポーネントが結果を再度取得しないようにすることです。たとえば、コンポーネントがタブ 0 (画像のアップロード) にロードされると、タブ 1 に切り替え (画像を選択)、結果をsearchTerm取得します。searchTerm変わっていません。ご覧のとおり、使用してみReact.memoましたが、役に立ちませんでした。currentTab === 1また、ルート コンポーネントのレンダリング時に写真の取得を停止し、アクティブなタブが 1 の場合にのみ取得するようにを追加しました。
javascript - React コンポーネント (react-redux props) は React.memo() で再レンダリングを続けます
react、react-redux、およびsocket.ioを使用してチャットアプリケーションを構築しています。ここで、アプリのパフォーマンスを向上させるために、再レンダリングを防ぐためにコンポーネントに追加React.memo()しました。<Message ... />ただし、React Profiler によると、さらにメッセージをフェッチするとすぐに、すべてのメッセージ コンポーネントが再レンダリングされ続けます。私のコード:
room.jsx (メッセージコンテナ)
メッセージ.jsx
roomReducer.js
プロファイラ
