React：如何在 setState 之后强制进行状态更改

Question

如何在调用 setState 后强制在 React 中进行状态更新？

据我所知，下次调用渲染时状态会有效更新。另外，forceUpdate() 应该重新渲染组件并立即更新状态更改，对吗？然而，情况似乎并非如此。这是一个例子。

handleSomeEvent(data) {
    this.setState({
        data: data
    })
    this.forceUpdate()

    // At this point state should be updated but it isn't
    this.props.consumeData(this.state.data) // consumeData will receive old data
}

如何确保在调用 consumeData 之前实际更新状态？

Answer 1

setState() 是异步的，所以可以在回调中做：

handleSomeEvent(data) {
  this.setState({
    data: data
  }, () => this.props.consumeData(this.state.data)); // using `data` would work as well...
}