this.setState 在 React 中返回 Promise

我做了我的componentWillMount()异步。现在我可以使用await与setState.

这是示例代码：

componentWillMount = async() => {
  const { fetchRooms } = this.props
  await this.setState({ })
  fetchRooms()
}

所以这里的问题是this.setState返回承诺，因为我可以使用await用它？

Edit

当我放置等待时，它会按顺序运行1, 2, 3当我删除等待时，它就会运行1, 3, 2??

  componentWillMount = async() => {
    const { fetchRooms } = this.props
    console.log(1)
    await this.setState({ } => {
      console.log(2)
    })
    console.log(3)
    fetchRooms()
  }

你可以承诺this.setState这样你就可以使用 React API 作为承诺。这就是我让它工作的方式：

class LyricsGrid extends Component {

  setAsyncState = (newState) =>
    new Promise((resolve) => this.setState(newState, resolve));

后来我打电话this.setAsyncState使用标准 Promise API：

this.setAsyncState({ lyricsCorpus, matrix, count })
  .then(foo1)
  .then(foo2)
  .catch(err => console.error(err))