setState是react类组件更新自身状态的唯一方法，因为react作为纯视图框架，不像vue那样对数据都进行了数据劫持绑定在实例上，当数据更新的时候组件实例对应的watcher会执行，从而引起后续re-render的过程。react只能主动调用setState方法来通知组件进行状态的更新以后虚拟dom的更新、对比、re-render。

　　setState可以传入一个state对象，采用的是批量更新的方式，并且多个setState会合并，提高更新性能，setState也可以传入一个函数，接收到当前的状态返回出要批量更新的state对象。

　　setState一般情况下是异步的，也就是说，执行setState之后， 不会马上进行render，并且this.state上的状态也不会马上更新，会等到下一次事件循环中才会去执行。

　　setState在一些react-api外的方法中可能会是同步的，比如setTimeout、原生dom事件中。

　　componentDidMount() {

　　setTimeout(() => {

　　this.setState({ count: 1 })

　　console.log(this.state.count)

　　}, 1000)

　　document.querySelector('#btn').onclick= (e) => {

　　this.setState({ count: 1 })

　　console.log(this.state.count)

　　}

　　}复制代码

　　最近的18+版本已经修复了这个问题， 所有情况下都是异步的

上一篇

计算机专业什么也不会，怎么找工作？