Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.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
Reactjs 记住数组中已渲染的对象_Reactjs_Typescript - Fatal编程技术网

Reactjs 记住数组中已渲染的对象

Reactjs 记住数组中已渲染的对象,reactjs,typescript,Reactjs,Typescript,我将在滚动条中列出一些新闻。 到目前为止,我所做的是重新渲染组件,以便在滚动条到达底部时显示更多新闻 在开始我最初的状态25新闻。然后,对于每一卷,我只添加另外25条新闻。我注意到我的组件在重新呈现更多新闻时速度非常慢。我怀疑这可能是因为它从头开始呈现“已经呈现”的新闻 是否有可能使已经呈现的新闻留在内存中,或者至少不被重新呈现,而只是重新呈现新新闻 记住数组中已渲染的对象查看PureComponent。React文档说明如下: React.PureComponent类似于React.Compo

我将在滚动条中列出一些新闻。 到目前为止,我所做的是重新渲染组件,以便在滚动条到达底部时显示更多新闻

在开始我最初的状态25新闻。然后,对于每一卷,我只添加另外25条新闻。我注意到我的组件在重新呈现更多新闻时速度非常慢。我怀疑这可能是因为它从头开始呈现“已经呈现”的新闻

是否有可能使已经呈现的新闻留在内存中,或者至少不被重新呈现,而只是重新呈现新新闻


记住数组中已渲染的对象

查看
PureComponent
。React文档说明如下:

React.PureComponent类似于React.Component。它们之间的区别在于React.Component不实现shouldComponentUpdate(),但React.PureComponent通过浅层的prop和state比较来实现它

如果您的React组件的render()函数在相同的道具和状态下呈现相同的结果,则在某些情况下可以使用React.PureComponent来提高性能


ListItem
组件转换为
PureComponet
有助于提高性能,因为如果传递给React的道具相同,React将不会重新命名这些组件。

这是否也适用于具有多个对象的示例数组状态?我必须查看一些代码示例才能回答这个问题:)