如何避免重新渲染整个 List 而不是在 React JS 中将新项添加到 DOM 列表中?
IT技术
javascript
reactjs
react-jsx
2021-04-21 02:42:04
1个回答
如果你给列表中的每个项目一个唯一(和确定性)的key=uniqueValue
prop,那么 React 将保留键没有改变的列表项目,从而避免重新渲染整个列表。
render() {
var comments = comments.map(function(comment){
return (
<Comment
key={comment.id} // This should be a unique, deterministic value
...
/>
);
});
return(
<div>
{comments}
</div>
);
}
在 React 的Dynamic Children文档部分阅读更多内容。