ネイティブレスキュー状態に反応してパフォーマンスの問題が発生する

Question

私はReact nativeとreduxの両方で新規です。 React nativeとreduxで作業している間に、stateがredux storeになると、componentが多くレンダリングされることがわかります。

たとえば、私はredux状態として格納されているリストビューのデータを持っています。リストビューは画面Aに表示されます。何らかの理由で、次の画面でリストビューを変更します。データを還元状態で保存すると、次の画面でリストビューが変更されるたびに、画面Aのリストビューが自動的に更新されます。

残念ながら、リストビューのデータが変更されたときはいつでも、画面Aのすべてのコンポーネントを再レンダリングする必要があります（データをコンポーネント状態にすると、リストビューのみがすべてのコンポーネントではなくレンダリングされます）。

リストビューのデータをredux状態で保存し、すべてのコンポーネントではなく再レンダリングするだけですか？

ご意見がありましたら、お知らせください。

ありがとうございます！

Answer 1

あなたはmapStateToPropsとプロパティに状態を接続している場合は、reducer内のデータを変更するたびまあ、その後、これらのpropsがあまりにも変更され、これがそうbasicly再レンダリング、再呼び出しrender()方法を引き起こします。

reducers storeで変更された場合は、stateのすべての接続先がpropsで、コンポーネントの再レンダリングが発生しています。

あなたのケースでは、問題は、ナビゲータで、AからBへナビゲートした後にコンポーネントAをバックグラウンドでマウントしたままにしておく必要がありますか？

あなたの質問に答えるために、あなたはreduxにListView（いくつかのJSONリスト）のデータを格納することができ、かつconnectよりも、それはあなたのコンポーネントを持つが、Component A_2のように、Component A内の別のコンポーネントを作成し、mapStateToPropsでこれを接続してみてください。データを変更すると、Component Aではなく、Component A_2だけが再レンダリングされます。