React 中的key值

在react中必须要有key值,key不是用来提升react的性能的,react中的key属性,它是一个特殊的属性,它是出现不是给开发者用的(例如你为一个组件设置key之后不能获取组件的这个key props),而是给react自己用的。react利用key来识别组件,它是一种身份标识标识,就像我们的身份证用来辨识一个人一样。每个key对应一个组件,相同的key react认为是同一个组件,这样后续相同的key对应组件都不会被创建。这样,有了key属性后,就可以与组件建立了一种对应关系,react根据key来决定是销毁重新创建组件还是更新组件。
* key相同,若组件属性有所变化,则react只更新组件对应的属性;没有变化则不更新。
* key值不同,则react先销毁该组件(有状态组件的componentWillUnmount会执行),然后重新创建该组件(有状态组件的constructor和componentWillUnmount都会执行)
* key属性是添加到自定义的子组件上,而不是子组件内部的顶层的组件上
* key值的唯一是有范围的,即在数组生成的同级同类型的组件上要保持唯一,而不是所有组件的key都要保持唯一
可以用index当做key值,但是不建议,因为index不是唯一的,可以用时间戳,也可以让后端给你一个唯一的标识
原文地址:https://www.cnblogs.com/xuazi-7an/p/10772628.html