码迷,mamicode.com
首页 > 其他好文 > 详细

react 异步的setState

时间:2020-03-13 18:40:00      阅读:38      评论:0      收藏:0      [点我收藏+]

标签:turn   xtend   end   import   pre   ret   ext   export   this   

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

标签:turn   xtend   end   import   pre   ret   ext   export   this   

原文地址:https://www.cnblogs.com/ajanuw/p/12488107.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!