react key的用法及作用

一、key的用法

1. 一个数组循环范围内，key属性的值，要保证唯一性
2. 这个key属性，必须加载map() 的第一个子元素上，设置在深层次的元素上无效
3. 不能使用索引值，虽然数组的索引是唯一的，但是在操作的时候，索引值可能会发生改变

二、key的作用

主要是对DOM渲染的性能优化，当列表顺序发生改变时，如果不加key 。不管数据是否发生改变，所有列表元素都会重新渲染，当列表元素没有发生改变时，值是在末尾产生新的元素，此时key的值加不加都是可以的，React 只会渲染最后一个元素

【注意事项】

1. 不要使用索引作为key值，因为索引是会动态变化的，所有列表元素都会重新渲染

2. key值要求唯一，且不会变化

3. 不加key 值 浏览器会报错

   

三、相关解释