包装在ES8异步/等待中的setState函数

Question

由于React的setState是异步的，所以建议将其调用封装在异步/等待函数中，以便以后任何严重依赖状态变量的调用都会得到更新的值吗？

Answer 1

这将是异步/等待的可能实现。例如，在您的react组件中：

setStateAsync(state) {
  return new Promise((resolve) => {
    this.setState(state, resolve)
  });
}

async setStateAndDoSomethingRightAfter(state) {
    await this.setStateAsync({state})
    // now do something after
}

但我不确定是否是recommendable. 有一些生命周期方法是有原因的。

我认为做事情的“反应”方式是将依赖于新状态的代码放在componentDidMount / componentWillUpdate / componentDidUpdate中。

Answer 2

您可以使用setState的第二个参数，即回调。文档。

this.setState({ key: val }, callBack)