gpt4 book ai didi

javascript - 在 React 和 Redux 应用程序中渲染大型表会导致性能问题

转载 作者:行者123 更新时间:2023-11-29 17:53:16 25 4
gpt4 key购买 nike

在我基于 React 和 Redux 构建的应用程序中,其中一个页面需要渲染一张包含大量数据(2k 行)的表。在初始页面加载时,一切都很好。页面渲染后,我尝试通过单击侧边栏导航到另一个页面,我注意到我的单击和下一页开始渲染之间存在延迟。延迟仅发生在页面渲染中,但不会发生在 url 中 - 当我单击侧边栏时,url 会立即更新。

此外,当我尝试导航回呈现大表的页面时,延迟仍然发生。

根据我的研究,此渲染延迟与表中显示的项目数量成正比。项目越多,延迟时间越长。

我想知道以前是否有人遇到过这个问题,是否有解决办法?

谢谢。

最佳答案

使用虚拟化表来渲染*大量数据。

https://github.com/bvaughn/react-virtualized

关于javascript - 在 React 和 Redux 应用程序中渲染大型表会导致性能问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41387729/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com