有没有一种方法可以在onClick方法中调用多个函数而无需提供参数？

Question

我有两个函数，但没有参数，我只想在按钮的onClick方法上运行这两个函数。

我知道以下代码可以对React起作用。

onClick={handleSubmit}

是否可以做类似

的操作

onClick={handleSubmit; doSomethingElse;}

在onClick方法中，我需要调用Formik的handleSubmit方法。注意：我正在尝试从表单外部的按钮调用handleSubmit方法。

React Formik bind the external button click with onSubmit function in <Formik>

如本文所述，我可以onClick={handleSubmit}进行此操作以调用该函数。但是我还需要在相同的onClick函数上调用另一个函数。我怎么能从同一个onClick调用它们？

Answer 1

只需创建另一个函数，然后在第三个函数中调用这两个函数即可。

function auxilaryFunction (e) {
 handleSubmit(e);
 doSomethingElse(e);
}

然后更新onClick方法，如下所示：-

onClick={auxilaryFunction}

现在它将调用您的两个函数。如果您不想使用e（事件），则只需将其从两个函数中删除。

Answer 2

onClick={this.handleClick}

handleClick(){
   function1();
   function2();
}

Answer 3

使功能类似

handleSubmit = () => {
  this.doSomethingElse();
  this.doSomethingElse();

} 当单击handle时，提交在函数内部调用的自动函数