如何在Redux中处理列表项

Question

我有一个列表视图,以及我的应用程序的详细视图.

/ list下拉一些关于一堆对象的一般数据,然后将它抛入redux中的数组中

/ list/5抓取列表中某个项目的详细信息

无论您在网站上点击什么路线,都会始终调用/ list,因此列表最终会填充

我认为当您在列表数组中的项目索引位置中点击详细信息路径时,最好存储项目的所有详细信息.

问题是,如果首先转到项目详细信息路径,则列表的检索时间比项目详细信息要长.当我尝试在redux中更新它的位置时,我不知道数组中的项索引是什么.

我处理这个错误吗？我应该将商品的详细信息放在商店的单独位置吗？我的想法是,如果用户查看项目的详细信息两次,我可以检查其他数据是否已经在列表数组索引中,因此我不需要再进行一次api调用.它已经存在,但如果不存在,则拨打电话并提取其他详细信息

不确定我是否正确解释这一点,但我一直在努力找到用redux存储东西的正确模式.

Answer 1

引用我在/sf/answers/2862868431/ 上的回答：

是的，标准化的 Redux 存储是标准建议。请参阅Redux 常见问题解答：如何在我的状态中组织嵌套或重复的数据？、结构化减速器 - 规范化状态形状，以及我的 React/Redux 链接列表的选择器和规范化部分以获取更多信息。

为了操作 Redux 存储中的关系/规范化数据，我推荐一个名为Redux-ORM的库。一般来说，您绝对应该使用 Reselect，Normalizr 非常适合对您收到的数据进行规范化，但 Redux-ORM 提供了一个有用的抽象层，用于查询和更新存储中的规范化数据。我写了几篇博客文章来描述它的用法：Redux-ORM 基础知识和Redux-ORM 概念和技术。