react中当调用 setState的时候,发生了什么操作

在调用 setState 的时候,React会对组件进行重新渲染。具体操作如下:

  1. React会将新的状态对象与旧的状态对象进行合并,生成一个新的状态对象。
  2. React会检查新的状态对象与旧的状态对象是否相等,使用浅比较的方式进行比较。如果两者相等,React会认为没有变化,不会再进行后续操作。
  3. 如果新的状态对象与旧的状态对象不相等,React会将新的状态对象替换旧的状态对象,并触发组件的更新过程。
  4. 在更新过程中,React会根据新的状态对象重新计算组件的虚拟DOM树。
  5. 然后,React会将新的虚拟DOM树与旧的虚拟DOM树进行比较,找出两者之间的差异(diff算法)。
  6. 最后,React会将差异应用到真实的DOM树上,进行局部更新,以实现最小化的DOM操作。

总结起来,调用 setState 会触发组件的重新渲染,包括计算虚拟DOM树、找出差异、应用差异等过程,以保证组件的显示与状态同步更新。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值