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

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

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


答:

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

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

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


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


目录
相关文章
|
7月前
|
存储 安全 编译器
C++学习过程中的一些值得注意的小点(1)
C++学习过程中的一些值得注意的小点(1)
|
7月前
|
前端开发 JavaScript
调和阶段setState干了什么?
在React中,setState 是用来更新组件的状态的方法之一。
46 0
|
监控 新制造 项目管理
冲刺阶段-最终题(二)
冲刺阶段-最终题(二)
162 0
|
前端开发 算法
【调和阶段setState干了什么?】
【调和阶段setState干了什么?】
|
机器学习/深度学习 存储 SQL
谈谈数据是如何变为智慧的
数据是一种有价值的商品,它可以减少解决问题和帮助我们做出正确决策所需的时间、精力和资源。机器可以有效地处理结构化数据,但90%的数据是非结构化的,包括文本、电子邮件、图像和视频。
谈谈数据是如何变为智慧的
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
在实际开发中,一个页面经常会有父组件和子组件,那么在这个页面中,对于父子组件他们的生命周期又是如何执行的呢?看了一些网上的文章资料,竟然有些讲解写的是错误答案,带偏大家,所以在本文利用实践得出结论,带大家彻底搞懂这个知识点~
164 0
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
|
异构计算
用有限状态机去理解这个逻辑过程
用有限状态机去理解这个逻辑过程
96 0
用有限状态机去理解这个逻辑过程
|
前端开发
引出生命周期
引出生命周期
76 0
|
Java
一张图弄懂java线程的状态和生命周期
上图是一个线程的生命周期状态流转图,很清楚的描绘了一个线程从创建到终止的过程。
137 0
一张图弄懂java线程的状态和生命周期