调和阶段setState干了什么?

调和阶段:

在react中,当组件的props或state发生变化时,react会开始一个新的渲染过程。这个渲染过程包括几个阶段,其中之一就是调和阶段。在这个阶段,react会比较新旧虚拟DOM树之间的差异,并计算出需要更新的最小集合。

setState干了什么?

  1. 触发更新:当你调用setState时,你实际是告诉React,组件的某个状态已经挂边,React需要将这个改变反映到UI上。setState是异步的,意味着React不会立即更新组件,而是这个更新计划到未来某个时间点。
  2. 合并状态:如果你多次在很短的时间内调用setState,React会将setState进行合并,而不是执行他们每次调用的副作用。有助于避免不必要的重新渲染。
  3. 进入调和状态:一旦React决定更新组件,它会进入调和阶段。React会基于新的state重新渲染组件。react会就算出新旧虚拟DOM之间的差异,并准备必要的DOM更新。
  4. DOM更新:在调和阶段之后,React会执行DOM更新,以反映组件的最新状态。这个步骤是在React的提交阶段完成的。

总结:setState在react的调和阶段中触发了组件的更新过程,但这个更新本身是在React的调和和提交阶段中完成的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值