react setState

Posted 2023-03-16

参考技术A 因为 setState 在 react 中非常重要，所以单独拎出来整理它的要点

react 是通过在 constructor 构造函数中的 this.state 去定义状态的，然后是通过 this.setState 去修改状态，那么 setState 有什么特点呢?

state 中数据不可直接使用 this.state.xxx = xxx 形式来改变状态，这是因为 react 的 immutable 概念决定的

setState 有时是同步的，有时是异步的，不能一概而论，要区分使用情况来分析：

直接使用 onXxxx 绑定的事件，使用的 setState 是异步的，如果要实时获取数据，需要在 setState 第二个参数回调函数中获取（类似 vue 中的 nextTick 作用）

可以看到，无论是用对象，还是用函数， setState 是异步返回结果是不会变的