react的key值的做用

时间 2019-12-10

标签 react key 栏目 React 繁體版

原文原文链接

由于在reactelement中有一个属性是key，该属性默认是为空值，因此通常状况下，只要组件不加上key值，react是不会去校验组件的key，而是直接采用diff算法进行对比，一旦组件加上了key值，react就会在渲染时对该组件的身份进行校验，首先校验新旧组件的key值是否是一致，不一致的话，该组件直接销毁，而后在新建该组件；若是一致，则比较组件的属性是否发生变化，若是发生变化，则采用diff算法进行对比，而后得出差别对象，若是属性没发生变化，则认为该组件不须要改变；react

大概的流程图：算法

1. React key值的做用和使用
2. React 中的key值
3. React（四）： key的做用
4. react中key的做用
5. vue中 key 值的做用
6. React 组件key值
7. React--key值详解
8. vue/React列表中key的做用
9. react中对于key值的理解
10. react中key的作用
更多相关文章...
• Thymeleaf显示Bean的值 - Thymeleaf 教程
• Spring中Bean的作用域 - Spring教程
• C# 中 foreach 遍历的用法
• 适用于PHP初学者的学习线路和建议