如题
react 循环时组件加key属性的作用
主要是为了对子组件进行唯一性识别。
当子组件发生变化时,通过 key 的识别,可以准确地判断这一个子组件是应该移动顺序、插入还是移除。
虚拟DOM的识别标志,当数据改变时,那么多相同的子组件,key使得React知道具体改变那个子组件。
标识,key不可重复
为了保持唯一性,一般在遍历的时候将Index付给key。
key={index}
diff算法的时候 根据key 决定是否重新渲染 在key唯一的情况下在一个组件没有任何变动的时候 重新render父组件 该组件是不会再次render的`
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
2 回答4.9k 阅读
271 阅读
6 回答21.2k 阅读✓ 已解决
2 回答2.6k 阅读
1 回答3.6k 阅读
主要是为了对子组件进行唯一性识别。
当子组件发生变化时,通过 key 的识别,可以准确地判断这一个子组件是应该移动顺序、插入还是移除。