时间戳

首页 > 解决方案 > 反应 onClick setState 然后运行函数

javascript - 反应 onClick setState 然后运行函数

问题描述

再会！

是否可以在 onClick 事件上触发多个功能？

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

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

任何帮助将不胜感激！

标签： javascriptreactjsonclick

解决方案

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

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

在您想要调用两个函数的一般情况下，只需执行以下操作：

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

推荐阅读