React 的 setState是否异步

男娘i 2022-04-16 06:43 258阅读 0赞

### 面试问题之react 的 setState是否异步 ###

*  看看源码里面的setState方法构造
 *   *   *   *   *  this.updater 相关代码
                 *  组件解析情况
 *  参考链接

# 看看源码里面的setState方法构造 #

Component.prototype.setState = function (partialState, callback) { 
      !(typeof partialState === 'object' || typeof partialState === 'function'
       || partialState == null) ? invariant(false, 
       `setState(...): takes an object of state variables to update or a function which returns an object of state variables.`) : void 0;
      this.updater.enqueueSetState(this, partialState, callback, 'setState');
    };

我们可以看到setState可以有两个参数一个是partialState(部分state), 一个是回调
    函数。然后就进入了 this.updater 的 enqueueSetStateh函数里面, 我们先看一些这个 this
    -.updater对象，再看 enqueueSetState函数的代码，看是不是能发现点什么。

##### this.updater 相关代码 #####

![在这里插入图片描述][20181220201652401.png]

Component 构造函数, 创建的组件的时候会传入updater，我们先看没有传入updater的情况

##### 组件解析情况 #####

[参考博文][Link 1]

未完待续。。。

# 参考链接 #

1.  [你真的理解setState吗？][setState]

[20181220201652401.png]: /images/20220416/a2c1af29d3a94557a195e8759c843899.png
[Link 1]: https://www.cnblogs.com/JhoneLee/p/9482911.html
[setState]: https://blog.csdn.net/firebird_one/article/details/81604400

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关 react的setState是异步还是同步

文章目录 1. \`state\` 的更新可能是异步的 1. 1 异步 1.1 同步 2. \`state\`的设置会被合并

た入场券/ 2023年10月04日 14:57/ 0 赞/ 22 阅读

相关 React中setState是同步还是异步的？

React setState是同步还是异步的 ![image.png][] 输出结果为: 0,0,2,3 react内部为了优化setState()的批处理，会

曾经终败给现在/ 2023年10月04日 09:00/ 0 赞/ 10 阅读

相关 React setState 是同步更新还是异步更新？

目录 1. 为什么使用setState 2. setState 异步更新 3. setState 同步场景

Bertha 。/ 2023年01月01日 03:50/ 0 赞/ 187 阅读

相关 react在setState之后数据没变化(setState同步还是异步)

> 场景是这样的： > 我有一个分页列表的场景，目前在点击页码之后，将这个页码setState，然后调用分页接口，如下： // 这是antd的分页上的 onCha

蔚落/ 2022年12月30日 13:45/ 0 赞/ 327 阅读

相关 React中的setState的同步异步与合并

文章目录前言引入同步和异步合并浅析

淩亂°似流年/ 2022年10月31日 01:44/ 0 赞/ 325 阅读

相关 React（7）异步的数据更改（setState 是异步行为）

与Vue不同，React的设置变量是异步的。 13、setState 是异步行为 > setState() 这是一个异步操作，如： class HelloW

我就是我/ 2022年05月31日 08:08/ 0 赞/ 236 阅读

相关 React 的 setState是否异步

面试问题之react 的 setState是否异步看看源码里面的setState方法构造 this.updater 相关代码

男娘i/ 2022年04月16日 06:43/ 0 赞/ 259 阅读

相关 React.js解决setState的异步问题

由于react中把setState设置为异步操作函数，这有时候会给我们带来以一些问题，下面介绍一下怎么解决这个问题。 1. 在setState完成的回调里执行需要的操作 s

雨点打透心脏的1/2处/ 2021年10月01日 04:34/ 0 赞/ 577 阅读

相关 React 中的setState

React 中的setState(arg1,arg2)异步操作 arg1可传入两种参数: 一种是对象 this.setState({ isAu

た入场券/ 2021年09月18日 16:00/ 0 赞/ 407 阅读

相关 react 深入异步setState

(1)多个setState一起调用会被合并成一个批处理,相同属性只会保留最后一次的结果 (2)若setState有回调函数,则会在setState的所

灰太狼/ 2021年07月25日 00:27/ 0 赞/ 413 阅读