数组 – 如何处理Redux中的列表项

前端之家收集整理的这篇文章主要介绍了数组 – 如何处理Redux中的列表项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列表视图,以及我的应用程序的详细视图.

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

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

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

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

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

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

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

引用我在 https://stackoverflow.com/a/40898120/62937的回答:

是的,规范化的Redux商店是标准推荐.有关详细信息,请参阅我的React / Redux链接列表的Redux FAQ: Organizing Nested State,Structuring Reducers – Normalizing State ShapeSelectors and Normalization部分.

为了操作Redux存储中的关系/规范化数据,我建议使用一个名为Redux-ORM的库.一般情况下,绝对应该使用Reselect,而Normalizr适用于规范化您收到的数据,但Redux-ORM为查询和提供了一个有用的抽象层.在商店中更新标准化数据.我写了几篇描述其用途的博客文章Redux-ORM BasicsRedux-ORM Concepts and Techniques.

猜你在找的React相关文章