标签
note
字数
309 字
阅读时间
2 分钟
react 的 不可变 更新机制
React 使用
浅比较的方式来检测数据的变化，因此只需要在新的数据和旧的数据之间进行浅比较，即可快速地检测出数据的变化并更新相应的 DOM 节点，从而提高渲染性能。
为了减少 DOM 操作的次数，通常会采用 不可变数据 的方式来管理数据
- 这种方式下，当数据需要变化时，不会直接修改原有的数据，而是创建一个全新的数据，并将修改后的数据复制到新的数据中，最后返回一个全新的数据。这个过程叫做 " 不可变更新 "
使用 map
因此，当使用 map() 函数生成列表结构的 DOM 时，返回一个新的数组是很重要的
因为如果直接在原有的数组上进行操作，会直接修改原有数据，这样会破坏 " 不可变数据 " 的原则，导致 React 无法正确地进行数据比较和更新，从而影响组件的性能和正确性
贡献者
jiechen