javascript - 如何在一个onClick(ReactJS)中调用一个类和setState

Question

我对 React 还很陌生，我想知道如何在类中调用函数(例如 this.handleChange)以及在按钮的一次 onClick 中调用带有 setState 的箭头函数。

我尝试在两行代码之间使用逗号和 &&。

<button name="Plus" onClick={() => this.setState({ Operator: 'plus' }) && this.handlePlus}>+</button>

以上代码位于渲染和返回内部。

预期的结果是代码调用函数并更改状态。相反，它只是更改状态(因此仅更改第一部分)。

请帮忙，先谢谢了!

Answer 1

setState() 有一个可选的第二个参数，它是一个在设置状态后将被调用的函数。你可以这样做:

this.setState({ Operator: 'plus' }, this.handlePlus);

您还可以使用componentDidUpdate生命周期:

componentDidUpdate(prevProps, prevState) {
  if(this.state.Operator === 'plus' && prevState.Operator !== 'plus') {
    this.handlePlus();
  }
}