【问题标题】:Rendering large tables in React & Redux app causes performance issues在 React 和 Redux 应用程序中渲染大表会导致性能问题
【发布时间】:2016-12-29 21:55:55
【问题描述】:

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

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

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

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

谢谢。

【问题讨论】:

    标签: javascript reactjs redux react-router


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2017-05-11
      • 1970-01-01
      • 2021-12-04
      • 2016-12-08
      • 2023-03-02
      • 1970-01-01
      • 2020-05-10
      • 1970-01-01
      • 2018-11-12
      相关资源
      最近更新 更多