react-native - React Native - FlatList - 内部状态

Question

我正在使用 FlatList 来在我的 react-native 应用中实现 Store View 。

我正在从组件的 componentDidMount 循环步骤中完成的 API 调用中检索存储项目，然后将其存储在我的本地 state 中。

我在 Flatlist 中找到了记录这句话:

Internal state is not preserved when content scrolls out of the render window. Make sure all your data is captured in the item data or external stores like Flux, Redux, or Relay.

我想知道这是什么意思。我只是在使用我本地的州，它似乎工作得很好。这样做有什么问题吗？您能否提供有关这一点的更多信息？

另外，如果您对我的用例有任何建议或优化，请随时添加。

感谢您的宝贵时间。

Answer 1

假设您有一个 Contacts 组件，其中 FlatList 为数据中的每个项目呈现 Contact 组件。假设这些联系人是可选的。如果您将这些选择值(例如 selected: true)存储在 Contact 组件内部状态中，而不是在 Contacts 组件状态中，当项目滚动时out 它将被卸载并且该项目的状态将被重置。如果您将其保存在全局数据中，它将使用最后一个状态创建。

希望我能解释清楚。