排队React.js更新以避免浏览器挂起

时间:2014-12-08 01:05:48

标签: javascript reactjs

假设我有一个非常大的,颠簸的更新,它会传入React.js应用程序。某些操作会打开一个非常大的表,详细列出从服务器获取的数千行。有了这个,会发生以下情况:

  1. 发送到服务器 - 我想要数据
  2. 返回所有行的数据。
  3. 使用所有数据更新本地数据存储
  4. 从没有行的空表中,React将数千个新行和列注入表中,导致(在许多情况下)浏览器锁定。
  5. 有没有人对我如何能够缓解这种情况有任何想法? React是否有任何懒惰或更高效的绘画策略(即更多空闲时画画:每次刻度只渲染这么多)?

1 个答案:

答案 0 :(得分:1)

您可以在React中使用自定义批处理策略,这可能有所帮助:

https://stackoverflow.com/a/21395442/125680

然而,如果没有实际的例子,很难说。也许你会担心一种永远不会出现的情况 - 毕竟React的虚拟DOM更新以及明智地使用shouldComponentUpdate可能会使这个问题无法解决。