呈现大量复杂的HTML

我有一个反应组件,我必须呈现像600儿童组件(和数量将增加缓慢)。 这些内部组件都非常大而且复杂(它们甚至有一个svg)。 另外,我必须能够过滤它们。 我到处都用钥匙,确保不浪费重新渲染,但无论如何非常沉重。 我想知道哪个是最好的方法来做到这一点。 我不能不幸分页。 任何帮助,将不胜感激。

对于JavaScript / React而言,这对于一次处理客户端来说太多了,你最好的select就是 – 服务器渲染和分割工作。


  1. 服务器端先渲染N
  2. 延迟加载其余的600 - N并递增呈现
  3. 实现shouldComponentUpdate
  4. 使用keys (如你所做)

如果它适合您的概念,您也可以使用固定数据表 。