this.setState是否在响应中返回promise

Question

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

这是示例代码：

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

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

编辑

当我等待时，它将按顺序运行；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()
  }

Answer 1

setState通常不与promises一起使用，因为很少有这种需求。如果在状态更新（fetchRooms）之后调用的方法依赖于更新的状态（roomId），则它可以通过其他方式（例如，作为参数）访问它。

setState使用回调并且不html" target="_blank">返回承诺。由于很少需要这样做，因此创建未使用的承诺会导致开销。

为了兑现诺言，setState可以按照此答案的建议进行承诺。

发布的代码可以使用，await因为它是hack。await ...是的语法糖Promise.resolve(...).then(...)。await产生一滴答的延迟，该延迟允许在状态更新完成后评估下一行，从而可以按预期顺序评估代码。这与：

this.setState({ roomId: room && room.roomId ? room.roomId : 0 } => {
  console.log(2)
})

setTimeout(() => {
  console.log(3)
});

无法保证订单在不同条件下会保持不变。同样，第一个setState回调也不适合检查状态是否已更新，这就是第二个回调的目的。