javascript - React onClick setState 然后运行函数

Question

美好的一天!

是否可以在 onClick 事件上触发多个函数？

我希望当用户点击我的按钮时设置状态然后运行一个函数。我设法更新了我的状态，但我不确定如何继续添加第二步，即运行名为“goToOrderTemplate()”的函数

<button
  type="button"
  className="btn btn-primary"
  style={{ width: 250 }}
  onClick={() =>
    this.setState({
      auth: this.passwordValidation()
    })
  }
>

如有任何帮助，我们将不胜感激!

Answer 1

setState 接受第二个参数，这是一个在设置状态时回调的回调。如果 goToOrderTemplate 取决于所设置的状态，您应该使用它:

this.setState({
  auth: this.passwordValidation(),
}, goToOrderTemplate)

在一般情况下，您想要调用两个函数，只需这样做:

onClick={() => { 
  this.setState({
    auth: this.passwordValidation(),
  });
  goToOrderTemplate();
}}