reactjs - 在 React 中，存储大数据数组的更好地方是什么？

Question

我正在 React 中构建一个交互式绘图，用户可以在其中选择多个变量并将它们添加到一个绘图中。这些“变量”中的每一个都代表科学数据，并存储为具有 100k 到 300 万个元素的数组。

我不太倾向于将这些变量存储在 React 状态中，因为它们的内容永远不会改变，我更愿意控制 UI 何时需要手动重新渲染，而不是让 React 自动遍历这些数组以找出它们是否已更改，这使我的应用程序无响应。

是否有任何首选方式来存储这些数据并与 React 共享？现在我只是将所有内容存储在一个全局变量中。

标签： reactjsperformancebigdata

Answer 1

不过可以存放的地方并不多。如果数据永远不会改变，那么将它存储在状态中就没有缺点，没有变化就意味着没有重新渲染。听起来好像有点多，所以由于限制，您不能将其存储在本地存储中。如果您通过执行一堆 API 调用在 React 中构建数据集，请重新访问 API 本身 - 它应该返回您关心的数据，很少是您必须自己拼接在一起的一堆数据段。