如何在 React 中使用大型 json 文件?

问题描述 投票:0回答:1

在我的 React 项目中,我有一个 350 MB 的 json 文件,在执行过滤操作的表中使用该文件。我应该以什么方式将其从服务器中拉出,或者应该将其静态保持在反应状态?什么是最优化的?

我将其保持为静态,但出现性能问题

reactjs json bigdata ag-grid
1个回答
0
投票

考虑使用数据库。将 JSON 数据移动到数据库中,并将其分成块。我确信您不会始终需要所有数据,因此您只需提取所需的数据,并在需要时加载更多数据。查看分页。 阅读有关分页的更多信息这里。您可以在服务器或客户端或两者上进行分页。

如果您需要在 React 中渲染大量数据,请查看Virtualization,该方法只会渲染您在屏幕上看到的数据,并在滚动时安装和卸载数据。 阅读有关虚拟化的更多信息这里

您可以采取更多方法来优化 React 的性能,尤其是在加载大量数据时。请注意,React 不能很好地处理大量数据,因此您必须根据您的用例对其进行优化。

© www.soinside.com 2019 - 2024. All rights reserved.