数组 – 如何处理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 Shape和Selectors and Normalization部分. 为了操作Redux存储中的关系/规范化数据,我建议使用一个名为Redux-ORM的库.一般情况下,绝对应该使用Reselect,而Normalizr适用于规范化您收到的数据,但Redux-ORM为查询和提供了一个有用的抽象层.在商店中更新标准化数据.我写了几篇描述其用途的博客文章:Redux-ORM Basics和Redux-ORM Concepts and Techniques. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |