时间戳

首页 > 解决方案 > 有没有办法在 onClick 方法中调用多个函数而无需提供参数？

reactjs - 有没有办法在 onClick 方法中调用多个函数而无需提供参数？

问题描述

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

我知道以下代码适用于反应。

onClick={handleSubmit}

是否可以做类似的事情

onClick={handleSubmit; doSomethingElse;}

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

React Formik 将外部按钮单击与 <Formik> 中的 onSubmit 函数绑定

如本文所述，我可以onClick={handleSubmit}这样做来调用该函数。但我还需要在同一个 onClick 函数上调用另一个函数。我如何从同一个 onClick 调用它们？

标签： reactjsformik

解决方案

只需创建另一个函数并在第三个函数中调用您的函数。

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

然后更新onClick方法如下： -

onClick={auxilaryFunction}

现在它将调用您的两个函数。如果您不想使用e(event)，则只需将其从两个函数中删除即可。

推荐阅读