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