（反应）setState（）回调在状态更改后未触发

Question

我在这个项目中使用 React。

我需要在设置后直接读取状态（使用回调），但是当我使用回调将状态打印到屏幕时，我会得到前一个状态的值。使用 devtools 我可以看到状态确实发生了变化，所以这不是问题。我查看了文档，它说回调应该在状态更改和组件更新后触发，但我没有在我的组件中看到这种行为。我也没有收到任何错误消息。

这是代码，感谢您的帮助！

onAnswerSelect = (e) => {
    const selectedAnswer = e.target.value;
    //Set the state, then simulate a click on the submit button
    this.setState(() => ({selectedAnswer}), this.simulateClick(e))
  }

simulateClick = (e) => {
    console.log(this.state.selectedAnswer)
    e.target.parentNode.parentNode.firstChild.click()
  }

Answer 1

您没有将函数传递给setState 回调，而是调用它。您可以像这样使用bind函数传递函数和参数

this.setState(() => ({selectedAnswer}), this.simulateClick.bind(this,e))

另一种方法是使用closure。你可以让simulateClick函数返回这样的函数

simulateClick = (e) => () => {
    console.log(this.state.selectedAnswer)
    e.target.parentNode.parentNode.firstChild.click()
  }

this.setState(() => ({selectedAnswer}), this.simulateClick(e))