node.js - 渲染大量复杂的 HTML

Question

我有一个 React 组件，我必须在其中渲染 600 个子组件(并且数量会缓慢增加)。这些内部组件中的每一个都非常大且复杂(其中甚至有一个 svg)。另外，我必须能够过滤它们。我到处都使用了键，以确保不会浪费重新渲染，但无论如何它都很重。我想知道哪种方法最有效。不幸的是我无法分页。任何帮助将不胜感激。

Answer 1

对于 JavaScript/React 来说，在客户端一次处理的任务太多了，你最好的选择是 - 服务器渲染和拆分工作。

<小时/>

1. 服务器端首先渲染N
2. 延迟加载其余部分600 - N并增量渲染
3. 实现shouldComponentUpdate
4. 使用键(就像您所做的那样)

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