【调和阶段setState干了什么?】

简介: 【调和阶段setState干了什么?】

分为四步骤:

(1)代码中调用 setState 函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。

(2)经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面

(3)在 React 得到元素树之后,React 会自动计算出新的树与老树的节点差异,然后根据差异对界面进行最小化重渲染;

(4)在差异计算算法中,React 能够相对精确地知道哪些位置发生了改变以及应该如何改变,这就保证了按需更新,而不是全部重新渲染。


相关文章
|
前端开发
调和阶段中setState内部干了什么?
调和阶段中setState内部干了什么?
59 0
|
7月前
|
前端开发 JavaScript
调和阶段setState干了什么?
在React中,setState 是用来更新组件的状态的方法之一。
42 0
|
7月前
|
缓存 前端开发 JavaScript
常用的hooks都有哪些,说出他们的作用?
这些是常用的 React Hooks,每个 Hook 都有特定的作用,能够方便地处理组件的状态管理、副作用操作、上下文等功能。使用 Hooks 可以使函数组件更易于编写、理解和维护。
76 0
|
7月前
|
缓存 前端开发 API
useCallback 使用的4个阶段
useCallback 使用的4个阶段
|
人工智能 监控 算法
冲刺阶段-最终题(四)
冲刺阶段-最终题(四)
87 0
|
监控 数据挖掘 测试技术
冲刺阶段-最终题(三)
冲刺阶段-最终题(三)
183 0
|
监控 新制造 项目管理
冲刺阶段-最终题(二)
冲刺阶段-最终题(二)
153 0
|
敏捷开发 安全 项目管理
冲刺阶段-最终题(一)
冲刺阶段-最终题
143 0
|
数据挖掘 项目管理
冲刺阶段-最终题(五)
冲刺阶段-最终题(五)
47 0
一文解释mapState的来龙去脉
一文解释mapState的来龙去脉