扫码关注官方订阅号
如题
react 循环时组件加key属性的作用
认证0级讲师
主要是为了对子组件进行唯一性识别。
当子组件发生变化时,通过 key 的识别,可以准确地判断这一个子组件是应该移动顺序、插入还是移除。
虚拟DOM的识别标志,当数据改变时,那么多相同的子组件,key使得React知道具体改变那个子组件。
标识,key不可重复
为了保持唯一性,一般在遍历的时候将Index付给key。
key={index}
diff算法的时候 根据key 决定是否重新渲染 在key唯一的情况下在一个组件没有任何变动的时候 重新render父组件 该组件是不会再次render的`
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
主要是为了对子组件进行唯一性识别。
当子组件发生变化时,通过 key 的识别,可以准确地判断这一个子组件是应该移动顺序、插入还是移除。
虚拟DOM的识别标志,当数据改变时,那么多相同的子组件,key使得React知道具体改变那个子组件。
标识,key不可重复
为了保持唯一性,一般在遍历的时候将Index付给key。
diff算法的时候 根据key 决定是否重新渲染 在key唯一的情况下在一个组件没有任何变动的时候 重新render父组件 该组件是不会再次render的`