React-Reduxの同じコンポーネントの複数のインスタンス

Question

React-Reduxで同じコンテナコンポーネントの複数のインスタンスを使用するにはどうすればよいですか？ 一意のデータを送信しても、その値を使用してストアが更新されるときにのみ、各コンポーネントは最後のコンポーネントのデータを取得します。 例えば -

<ContainerInstance1 data={data1}/> 
<ContainerInstance2 data={data2}/> 

コンテナインスタンス1は、レンダリング中にコンテナインスタンス2で修正されたストアからデータを取得します。 データを正しく取得できるように使用する方法は？

Answer 1

おそらくあなたのレデューサーには問題があるようですが、data1とdata2は実際には同じオブジェクトです。

状態を変更するのではなく、リデューサーから新しい状態オブジェクトを返すようにしてください。

上記の2つのデータオブジェクトが真に同じデータオブジェクトでない場合は、上記のように動作してはいけない理由はありません。言い換えれば、上のコードではなく、むしろどこかに問題はありません。