React中如何使用setState第二个参数来处理set后的数据

（一）背景

楼主在最近的业务开发中刚刚接触使用了react，发现react里的setstate方法是异步执行的，那么我们该怎么让我们的代码使用的是setState后的数值呢，本文将给出楼主搜集的方案。

（二）具体解决方案

//1.设置代码
this.setState({
   myState: 'doubi'
   }, function() {
     // stateFunction是需要立即用到
     this.stateFunction()
   })

//2.在函数中直接调用
stateFunction() {
   console.log('doubi', this.state.myState)
}复制代码

react的setstate方法中的第二个参数为会回掉函数，所以我们就不用再去写一个回掉函数了，当然也可以这么写：

this.setState({
    myState: 'doubi'
    },() => {  
    console.log(111);
})复制代码

(三)注意问题

1.在setState中的调用的stateFunction()函数不会立即执行，调用的时候才执行该函数。
// 也就是说，setState中的function只是声明能立即用到，而不会立即执行。

2.当stateFunction()函数里面有传入参数的时候，在设置setState的时候，也需要函数。