Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 呈现大量复杂的HTML_Node.js_Reactjs - Fatal编程技术网
Fatal编程技术网
  • node.js/
  • Node.js 呈现大量复杂的HTML

Node.js 呈现大量复杂的HTML

node.js reactjs

Node.js 呈现大量复杂的HTML,node.js,reactjs,Node.js,Reactjs,我有一个react组件，其中我必须渲染大约600个子组件（数量将缓慢增加）。每个内部组件都非常大和复杂（它们甚至有一个svg）。此外，我必须能够过滤它们。我用钥匙到处都是，以确保不浪费重新渲染，但它无论如何非常沉重。我想知道哪种方法最有效。不幸的是，我不能翻页。任何帮助都将不胜感激。对于JavaScript/React来说，一次在客户端处理太多了，最好的选择是-服务器渲染和拆分工作。 服务器端先渲染N 延迟加载其余的600-N并增量渲染 实施应更新组件 使用键（如您所做） 如果它符合您的概念，

我有一个react组件，其中我必须渲染大约600个子组件（数量将缓慢增加）。每个内部组件都非常大和复杂（它们甚至有一个svg）。此外，我必须能够过滤它们。我用钥匙到处都是，以确保不浪费重新渲染，但它无论如何非常沉重。我想知道哪种方法最有效。不幸的是，我不能翻页。任何帮助都将不胜感激。

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

  • 服务器端先渲染
    N
  • 延迟加载其余的
    600-N
    并增量渲染
  • 实施
    应更新组件
  • 使用
    键
    （如您所做）
    • 如果它符合您的概念，您也可以使用