在 React & Redux 应用中渲染大表会导致性能问题

Kel*_*vin 2 javascript reactjs react-router redux

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

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

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

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

谢谢。

And*_*yco 5

使用虚拟表来呈现*大量数据。

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