反应，终极版的性能重新渲染组件

Question

我有我的反应本地应用程序的性能问题，我遇到的问题，但我不知道什么是最好的方式来解决这个问题，我会在下面说明我的情况：

我有3个场景导航：

Scene 1 ==> Scene 2 ==> Scene 3 

场景2拥有广泛的产品清单，在场景3，我可以添加或移除存储物品（我用的是磁通架构）当发生这种情况时，应用程序的状态会发生变化，组装的组件会重新渲染，这是场景1，场景2和场景3的情况，问题是场景的渲染1和2很重，导致场景3的动作非常大的延迟，经过大量研究后，我发现我可以使用方法ShouldComponentUpdate来处理重新渲染，我的问题是如何渲染发生的变化我的列表，而不是整个列表，因为这意味着再次遍历每个数组。

Answer 1

我有点困惑。你使用Flux还是Redux？如果您使用react-redux，则可以使用mapStateToProps将组件绑定到Redux存储的一部分。这些组件只能在这些道具改变时重新渲染。

编辑：您也可以考虑做一个新的阵营组件列表项。然后每个物品只会在他们各自的道具改变时重新渲染。

Redux Usage with React