调用setState时会发生什么?

Posted passkey

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了调用setState时会发生什么?相关的知识,希望对你有一定的参考价值。

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

这将启动一个称为和解的过程。和解的最终目标是以最有效的方式,根据这个新的状态更新UI。

为此,React将构建一个React元素的新树(您可以将其视为UI的对象表示)。

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

通过这样做,React将会知道发生的确切变化,并通过了解发生什么变化,只有在绝对必要的情况下进行更新才能最大限度地减少UI的占用空间。

翻译自 https://tylermcginnis.com/react-interview-questions/

以上是关于调用setState时会发生什么?的主要内容,如果未能解决你的问题,请参考以下文章

多次调用函数时 setState 不会发生变化

在c中struct的成员中间调用free时会发生什么?

超过最大更新深度。当组件在 componentWillUpdate 中重复调用 setState 时,可能会发生这种情况

超过最大更新深度。当组件在 (Jwt) Redux 内部重复调用 setState 时,可能会发生这种情况

当我在严格的客户端集合上调用更新/插入时会发生啥?

在 iPhone 或 iPad 应用程序中调用 main 时会发生啥?