调和阶段中setState内部干了什么?

简介: 调和阶段中setState内部干了什么?

问:调和阶段中setState内部干了什么?


答:

当调用 setState 时,React会做的第一件事情是将传递给 setState 的对象合并到组件的当前状态,

这将启动一个称为和解(reconciliation)的过程。和解(reconciliation)的最终目标是以最有效的方式,根据这个新的状态来更新UI。 为此,React将构建一个新的 React 元素树(您可以将其视为 UI 的对象表示)。

一旦有了这个树,为了弄清 UI 如何响应新的状态而改变,React 会将这个新树与上一个元素树相比较( diff )。


通过这样做, React 将会知道发生的确切变化,并且通过了解发生什么变化,只需在绝对必要的情况下进行更新即可最小化 UI 的占用空间。


目录
相关文章
|
6月前
|
前端开发 JavaScript
调和阶段setState干了什么?
在React中,setState 是用来更新组件的状态的方法之一。
37 0
|
监控 新制造 项目管理
冲刺阶段-最终题(二)
冲刺阶段-最终题(二)
130 0
|
敏捷开发 安全 项目管理
冲刺阶段-最终题(一)
冲刺阶段-最终题
121 0
|
数据挖掘 项目管理
冲刺阶段-最终题(五)
冲刺阶段-最终题(五)
45 0
|
监控 数据挖掘 测试技术
冲刺阶段-最终题(三)
冲刺阶段-最终题(三)
176 0
|
人工智能 监控 算法
冲刺阶段-最终题(四)
冲刺阶段-最终题(四)
83 0
一文解释mapState的来龙去脉
一文解释mapState的来龙去脉
|
前端开发 算法
【调和阶段setState干了什么?】
【调和阶段setState干了什么?】
|
存储 前端开发 API
我打破了 React Hook 必须按顺序、不能在条件语句中调用的枷锁!
不要在循环,条件或嵌套函数中调用 Hook, 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则,你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。(如果你对此感到好奇,我们在下面会有更深入的解释。)
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
在实际开发中,一个页面经常会有父组件和子组件,那么在这个页面中,对于父子组件他们的生命周期又是如何执行的呢?看了一些网上的文章资料,竟然有些讲解写的是错误答案,带偏大家,所以在本文利用实践得出结论,带大家彻底搞懂这个知识点~
155 0
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)