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

时间:2016-12-29 21:55:56

标签: javascript reactjs redux react-router

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

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

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

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

感谢。

1 个答案:

答案 0 :(得分:4)

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

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