1.虚拟dom中key的作用：
（1）简单的说，key是虚拟dom对象的标识，在更新显示时key起着及其重要的作用；
（2）当状态中的数据发生变化时，react会根据新数据生成新的虚拟dom，随后React进行新旧虚拟dom的diff比较，规则如下：
（a）旧虚拟dom中找到了与新虚拟dom相同key：
（1）若虚拟dom中内容没变，直接使用之前的真实dom；
（2）若虚拟dom中内容变了，则直接生成新的真实dom，随后替换掉页面中之前的真实dom；
（b）旧虚拟dom中未找到与新虚拟dom相同key，根据数据创建新的真实dom，随后渲染到页面
2.用index作为key可能会引发的问题：
（1）若对数据进行如下操作：逆序添加，逆序删除等，会产生没必要的真实dom更新（界面效果没问题，效率低）；
（2）如果结构还包含输入类的dom，会产生错误dom更新（界面有问题）；
（3）如果不存在对数据进行逆序添加、删除等破坏顺序操作，仅用于渲染列表等，使用index作为key是没有问题；
3.开发中如何选择key：
（1）最好使用每条数据的唯一标识作为key，比如id、身份证号等；
（2）如果确定只是简单的数据展示，使用index作为key值即可。
React虚拟dom中的key值
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1、虚拟DOM中key的作用： key是虚拟DOM中对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的...
- 另一种问法是：为什么遍历列表时，key最好不要用index？1、虚拟DOM中key的作用：1).简单的说：key是...
