我遇到了React Redux的性能问题,并且我一直在阅读一些内容,根据最终的结果,它似乎“好像”在做着所有“正确”的事情。
我有一个生产线跟踪系统,对于每个“项目”都有12个步骤需要经过。 我每周大约有60-100个项目,分成几天,在1个视图中很容易看到。
现在的问题在于,这12个步骤中的每个步骤都是我使用React Redux Connect函数连接的单个组件,该函数基本上映射了所有不同步骤的平面存储状态,并精确地搜索出了从商店走一步,其中包含有关完成时间,状态等的数据,然后将其作为道具扔进商店,并使用它进行渲染。
现在,每当我在步骤列表的存储区中创建一个更新时,它都会明显地重新渲染那些aprox 1000组件,并检查它们是否需要重新渲染,然后只有其中1个组件需要重新渲染,然后单击继续说吧。
但是,循环遍历1000个mapToState函数的整个计算部分会花费时间,并且会降低应用程序的速度并使其无响应。
是否存在将组件连接到商店的更聪明的方法。
作为一个注释,我在写这篇文章之前就已经考虑了很长时间,并且我还尝试仅映射每个项目(每组12个步骤),然后让它们作为父对象基于此渲染纯组件,将每个步骤与数据一起发送到子组件,但是,我没有得到更好的结果。
在此先感谢能为您提供指导或将我推向正确方向的人。
Vincent Rye