码迷,mamicode.com
首页 > 其他好文 > 详细

react中key值的理解

时间:2019-08-31 22:59:13      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:cto   ons   创建组   snippet   str   key值   class   不同   struct   

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

react中key值的理解

标签:cto   ons   创建组   snippet   str   key值   class   不同   struct   

原文地址:https://www.cnblogs.com/lijinxiao/p/11440789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!