首页 > 解决方案 > 每半秒反应一次原生 SetState 数组 使应用程序挂起大数据

问题描述

我正在使用 React Native 开发交易应用程序,其中数据需要每 0.5 秒间隔更新一次。

我正在使用setState更新父组件中的最新数组并将子组件中的值传递给绑定列表值。

它使应用程序挂起,而数组项变为 100 多个项,同时使注释中的 SetState 工作正常但 DOM 中没有更新值。

我可以使用 ForceUpdate 来更新 DOM 或任何其他解决方案中的值吗?

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

标签: javascriptreact-nativecomponentsstate

解决方案


使用 flatList 映射大列表

Flatlist 很酷,因为它会为您进行渲染并根据需要在屏幕上渲染项目,而不是像 ScrollView 那样一次全部渲染。您为 FlatList 提供一组数据以及项目的外观,并通过它自己的映射函数运行它。

这是文档的链接


推荐阅读