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

Question

假设我有一个非常大的、颠簸的更新传入一个 React.js 应用程序。某些操作会打开一个非常大的表，其中详细说明了从服务器获取的数千行。这样，就会发生以下情况：

1. 发送到服务器 - 我要数据
2. 返回所有行的数据。
3. 本地数据存储已更新所有数据
4. 从没有行的空表中，React 将数千个新行和列注入到表中，导致（在许多情况下）浏览器锁定。

是否有人对我可以如何缓解这种情况有任何想法？ React 是否有任何惰性或更高性能的绘制策略（即在更空闲时绘制：每次滴答只渲染这么多）？

Answer 1

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

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

但是，如果没有实际示例，就很难说。也许你担心的是一种永远不会真正出现的情况——毕竟 React 的虚拟 DOM 更新以及对 shouldComponentUpdate 的明智使用可能会让这成为一个问题。