React Native - FlatList 的应用程序性能问题？

Question

我在react native 中完成了我的应用程序，但是在构建速度很慢之后。然后我开始研究以提高应用程序的性能。我在react native 的官方网站上找到了这个documentation，我相信这会对我有所帮助，但我无法理解。请任何人都可以用简单的话说出以下文档在说什么：

如果您使用的是不可变数据结构，这将与引用相等检查一样简单。

同样，你可以实现 shouldComponentUpdate 并指出 您希望组件的确切条件 重新渲染。如果您编写纯组件（其中的返回值 render 函数完全依赖于 props 和 state），你可以 利用 PureComponent 为您执行此操作。再次，不可变数据 结构对于保持这种速度很有用——如果你必须深入 比较大的对象列表，可能是重新渲染 您的整个组件会更快，而且肯定需要 更少的代码。

我会很高兴。谢谢！！！

Answer 1

如果您使用的是静态对象，您可以像上面所说的那样将您的组件渲染为 PureComponent。然后，你可以通过它的 props 或者设置你想要显示的单词的状态。

当您这样做时，FlatList 将仅重新呈现它需要的数据部分，具体取决于更改的内容。它的最后一部分是说 PureComponent 进行浅比较 - 如果数组中的某些内容发生更改，但数组本身没有更改，那么您的 FlatList 将不会更新。但是，对于不可变对象，您始终可以将其声明为 PureComponent，并且应该更快。