setState异步更新问题

react中通过setState来进行sate状态的更新

但如果我们企图直接修改state中的某一个值之后直接打印（使用）他，就会发现，他其实并没有改变，如下

原因是state的值在修改了之后并不会立即被修改，而是也有一个类似的队列，setState通过一个队列机制实现state的更新。当执行setState时，会把需要更新的state合并后放入状态队列，而不会立刻更新this.state，利用这个队列机制可以高效的批量的更新state。

针对此常用如下两种情况来解决

第一种setstate（）格式  第一个参数是一个对象，第二个参数是一个回调函数，这个回调函数是在setstate执行完并页面渲染了之后再执行

第二种操作异步函数，用async / await的形式