向页面添加元素而不重新呈现已添加的元素[重复]

提问者：小点点

我有一个大的对象数组，一个对象一个元素。我使用map（）在页面上呈现它们，但仅前5个。我有一个按钮“显示5更多”，当我点击它，5更多的渲染，总共已经10。

问题是，当渲染5个以上的元素时，其余元素将重新渲染，这对性能不利。我使用的是功能组件，因此shouldComponentUpdate（）无法工作<代码>反应窗口也不行，因为我没有大卷轴。我怎样才能解决这个问题？

共1个答案

匿名用户

将函数组件包装在React.memo（...）中。如果输入（属性）相同，React将缓存输出并跳过重新渲染。