关于React、Redux改变状态的同、异步问题

一、React-setState异步更改状态

react的改变状态的setState方法是异步的
对于一个点击按钮加一案例：

import React,{Component} from 'react'

class App extends Component{
  constructor(props){
    super(props)
    this.state={
      count:0
    }
  }
  add(){
    this.setState({//异步
      count:++this.state.count
      // count:2
    })
    console.log(this.state.count)
  }
  render(){

    return(
      <div>
        <h3>{this.state.count}</h3>
        <button onClick={()=>{this.add()}}>Add</button>
      </div>
     
    )
  }
}

export default App;

控制台输出：

可以看出，setState()的改变和打印的值是一样的，但这却不能说明setState改变状态是同步的，因为add函数代码如下：

由上图可知，横线1处有个自增操作，正是这个自增操作，同步改变了this.state.count的值，导致横线2处打印的值与当前显示一样，为了更好看出setState改变状态的特点，将自增操作换成赋值操作，如下：

这个时候结果如下：

视图中显示的是this.state.count；，setState改变了this.state.count的值变成了2，但打印时控制台还是显示0，说明setState更改状态是异步的

二、Redux-dispatch同步更改状态

运行结果：

可以看到，对于如下两行代码是同步进行的