react-setState异步更新问题

1.setState是异步更新数据

this.state={
    count:1
}

handleSetState(){
    this.setState({
        count:this.state.count+1
    })
    
    console.log(this.state.count)//1
}

在这个函数里面使用了setState方法,这个方法会被放到异步线程,只有当这个函数的同步进程进行完后才会执行数据更细方法.所以才会出现打印的数据不变的情况

2.执行多个setState结果相同

在上述情况下,如果在打印的下方继续执行setState方法的时候,this.state.count还是等于1,因为异步进程还没有执行,结果不会为3

---

setstate有两种语法形式:一种是方法里面写一个对象,另一种是回调函数的形式,回调函数的话可以通过参数拿到最新的state和最新的props,方面更好的更新数据

1.
this.SetState({
    count:1
})

2.
this.Setstate((state,props)=>{return{count:1}})