呈现大量复杂的HTML
我有一个反应组件,我必须呈现像600儿童组件(和数量将增加缓慢)。 这些内部组件都非常大而且复杂(它们甚至有一个svg)。 另外,我必须能够过滤它们。 我到处都用钥匙,确保不浪费重新渲染,但无论如何非常沉重。 我想知道哪个是最好的方法来做到这一点。 我不能不幸分页。 任何帮助,将不胜感激。
对于JavaScript / React而言,这对于一次处理客户端来说太多了,你最好的select就是 – 服务器渲染和分割工作。
- 服务器端先渲染
N
- 延迟加载其余的
600 - N
并递增呈现 - 实现
shouldComponentUpdate
- 使用
keys
(如你所做)
如果它适合您的概念,您也可以使用固定数据表 。