渲染大量复杂的HTML

Question

我有一个反应组件，我必须渲染600个子组件（并且数字会慢慢增加）。这些内部组件中的每一个都非常大而且复杂（它们中甚至还有一个svg）。此外，我必须能够过滤它们。我到处都使用了键，确保不要浪费重新渲染，但它反正非常沉重。我想知道哪种方法最适合这样做。不幸的是，我无法分页。任何帮助将不胜感激。

Answer 1

这对于JavaScript / React来说太多了，无法立即处理客户端，您最好的选择是 - 服务器渲染和拆分工作。

1. 服务器端首先呈现N
2. 延迟加载其余600 - N并逐步呈现
3. 实施shouldComponentUpdate
4. 使用keys（正如您所做）

如果符合您的概念，您也可以使用Fixed Data Table。