我是应用程序的reactjs/redux世界的新手。我正在创建一个带有页面布局的Web应用程序,其中左侧有一个名称列表,右侧显示了所选名称的详细信息。如何在reactjs/redux应用程序的列表中维护选定的项目?
使用redux,当从列表中选择一个名称时,应用程序将调度ajax调用以获取详细信息。这最终会使用选定的详细信息更新redux状态,并使详细信息组件随信息一起更新。
名称列表是使用ag-grid创建的,所以它可以突出显示所选项目。但是,一旦更新状态更新,所有组件似乎都会重新渲染,并且不再选择列表中的选定项目。一般来说,当页面加载时(即如果列表被过滤,它不再被过滤),名单列表的状态可以回到初始状态。
如何在选择项目之前维护选定的项目(以及其他所有在该列表上完成的项目)?我几乎认为我必须保持我的redux状态下的电网状态...但是,是吗?这是我唯一的选择吗?
我的组件结构是一个容器组件(WSContainer),它有两个子组件NameTable和NameDetails。