私は、アプリケーションの reactjs/redux の世界は初めてです。左側に名前のリストがあり、右側に選択した名前の詳細が表示されるページ レイアウトで Web アプリケーションを作成しています。
redux を使用して、リストから名前が選択されると、アプリケーションは ajax 呼び出しをディスパッチして詳細を取得します。これにより、最終的に選択した詳細で redux 状態が更新され、詳細コンポーネントが情報で更新されます。
名前のリストは ag-grid を使用して作成されるため、選択した項目を強調表示できます。ただし、redux 状態が更新されると、すべてのコンポーネントが再レンダリングされたように見え、リストで選択された項目が選択されなくなります。一般に、名前のリストの状態は、ページが読み込まれると初期状態に戻ると思います (つまり、リストがフィルター処理された場合、フィルター処理は解除されます)。
アイテムを選択する前に、選択したアイテム (および実際にはそのリストで行われた他のすべて) を維持するにはどうすればよいですか? redux 状態でも grid 状態を維持しなければならないとほとんど考えていますが、そうですか? それが私が持っている唯一のオプションですか？
コンポーネントの構造は、NameTable と NameDetails という 2 つの子を持つコンテナー コンポーネント (WSContainer) です。