react中key值的理解

Posted lijinxiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react中key值的理解相关的知识,希望对你有一定的参考价值。

react利用key来识别组件,它是一种身份标识标识,相同的key react认为是同一个组件,这样后续相同的key对应组件都不会被创建
有了key属性后,就可以与组件建立了一种对应关系,react根据key来决定是销毁重新创建组件还是更新组件。
key相同,若组件属性有所变化,则react只更新组件对应的属性;没有变化则不更新。
key值不同,则react先销毁该组件(有状态组件的componentWillUnmount会执行),然后重新创建该组件(有状态组件的constructor和componentWillUnmount都会执行)

以上是关于react中key值的理解的主要内容,如果未能解决你的问题,请参考以下文章

*vue v-for中 key 值的作用—key不能用index的值*

react---react中key值的作用

2-2-2 React16+ 理解 React Hooks

Python的内存管理 小理解

react.js 高阶组件----很简单的实例理解高阶组件思想

React的虚拟DOM与diff算法的理解