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

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

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


答:

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

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

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


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


目录
相关文章
|
2月前
|
前端开发 JavaScript
调和阶段setState干了什么?
在React中,setState 是用来更新组件的状态的方法之一。
23 0
|
2月前
在程序运行过程中,线程的状态是什么?进来看看就通透了
在程序运行过程中,线程的状态是什么?进来看看就通透了
38 0
|
11月前
|
前端开发 算法
【调和阶段setState干了什么?】
【调和阶段setState干了什么?】
生成器运行时机导致的难以察觉的 bug
生成器运行时机导致的难以察觉的 bug
52 0
关于《生成器运行时机导致的难以察觉的 bug》勘误
关于《生成器运行时机导致的难以察觉的 bug》勘误
61 0
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
在实际开发中,一个页面经常会有父组件和子组件,那么在这个页面中,对于父子组件他们的生命周期又是如何执行的呢?看了一些网上的文章资料,竟然有些讲解写的是错误答案,带偏大家,所以在本文利用实践得出结论,带大家彻底搞懂这个知识点~
125 0
页面中有父子组件,生命周期顺序如何执行?(面试高频 一篇搞懂)
|
前端开发
你真的了解react中的setState吗?(setState现象及原理全方位解析)
在刚开始学习react的时候,我们会经常使用到setState改变状态,既然用的多,那么就应该思考:为什么要使用setState?setState是'异步'的吗?本篇文章就围绕着这两个问题展开
176 0
你真的了解react中的setState吗?(setState现象及原理全方位解析)
|
前端开发
前端工作小结54-混入调用的时候
前端工作小结54-混入调用的时候
45 0
前端工作小结54-混入调用的时候
|
前端开发
前端工作小结42-生命周期和执行函数
前端工作小结42-生命周期和执行函数
80 0
前端工作小结42-生命周期和执行函数
|
设计模式 消息中间件 JavaScript
代码越写越乱?那是因为你没用责任链
代码越写越乱?那是因为你没用责任链
代码越写越乱?那是因为你没用责任链