setState在同步与异步场景下的具体应用有何不同？

本文共计3716个文字，预计阅读时间需要15分钟。

React中，`setState` 同步异步场景分析：

- 通过 `this.state` 访问询问 `state`，通过 `this.setState()` 方法更新 `state`。- 当 `this.setState()` 方法被调用时，React 会重新调用 `render` 方法，以重新渲染 UI。

setState同步异步场景

React通过this.state来访问state，通过this.setState()方法来更新state，当this.setState()方法被调用的时候，React会重新调用render方法来重新渲染UI。相比较于在使用Hooks完成组件下所需要的心智负担，setState就是在使用class完成组件下所需要的心智负担，当然所谓的心智负担也许叫做所必须的基础知识更加合适一些。

描述

setState只在合成事件和生命周期钩子函数中是异步的，而在原生事件中都是同步的，简单实现一个React Class TS例子。