javascript - react 循环时组件加key属性的作用
PHP中文网
PHP中文网 2017-04-11 11:34:57
[JavaScript讨论组]

如题

react 循环时组件加key属性的作用

PHP中文网
PHP中文网

认证0级讲师

全部回复(5)
巴扎黑

主要是为了对子组件进行唯一性识别。

当子组件发生变化时,通过 key 的识别,可以准确地判断这一个子组件是应该移动顺序、插入还是移除。

PHP中文网

虚拟DOM的识别标志,当数据改变时,那么多相同的子组件,key使得React知道具体改变那个子组件。

ringa_lee

标识,key不可重复

PHPz

为了保持唯一性,一般在遍历的时候将Index付给key。

key={index}
巴扎黑

diff算法的时候 根据key 决定是否重新渲染 在key唯一的情况下在一个组件没有任何变动的时候 重新render父组件 该组件是不会再次render的`

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号