小编pch*_*pch的帖子

我的问题

我使用方法渲染简单项目（数字或字符串）的列表Array.map。我用来Modal添加/更新项目。但是，每次打开或关闭模式都会react重新渲染整个数组，即使数组保持不变。我觉得这是一种预期的行为。

问题

1. 打开或关闭模式时是否可以不重新渲染整个组件？
2. 在数组中添加/更新新项目而不重新渲染整个列表的常见方法是什么？

多谢你们

最小代码示例

/* Console output:
 * ---------------
 * ROOT: render component
 * -> ITEM: render 1
 * -> ITEM: render 2
 * -> ITEM: render 3 (not in map)
 * ROOT: open modal
 * ROOT: render component
 * -> ITEM: render 1
 * -> ITEM: render 2
 * -> ITEM: render 3 (not in map)
 * MODAL: close Modal
 * ROOT: render component
 * -> ITEM: render 1
 * …