react 异步的setState

Posted ajanuw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react 异步的setState相关的知识,希望对你有一定的参考价值。

import React from "react";

class App extends React.Component {
  state = {
    a: 0
  };
  componentDidMount() {
    this.setState({ a: this.state.a + 1 });
    console.log(this.state.a); // 0

    this.setState({ a: this.state.a + 1 });
    console.log(this.state.a); // 0

    setTimeout(() => {
      this.setState({ a: this.state.a + 1 });
      console.log(this.state.a); // 2

      this.setState({ a: this.state.a + 1 });
      console.log(this.state.a); // 3
    }, 0);
  }

  render() {
    return <>hello world</>;
  }
}

export default App;

以上是关于react 异步的setState的主要内容,如果未能解决你的问题,请参考以下文章

React18——setState变成异步——suspence组件懒加载结合异步数的传递

React18——setState变成异步——suspence组件懒加载结合异步数的传递

react中的setState到底是同步还是异步?

react中的useState与setState的异步问题

React--setState同步/异步问题

面试题:React中setState是异步还是同步?