Is there a way to call multiple function in onClick method without having to provide arguments?

Question

I have two functions but do not have their argument and i just want to run the two functions on a button's onClick method.

I know the following code works on react.

onClick={handleSubmit}

Is it possible to do something like

onClick={handleSubmit; doSomethingElse;}

Inside the onClick method i need to call the Formik's handleSubmit method. Note: I am trying to call the handleSubmit method from a button outside the form.

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

As explained in this article i can just onClick={handleSubmit} do this to call the function. But i also need to call another function on the same onClick function. How can i call both of them from the same onClick?

Just try something like this `onClick={() => { handleSubmit(); doSomething(); }}` — SelvaS, Jun 13 '19 at 11:34
I do not have the arguments for the handleSubmit and doSomething method. — Sagar Acharya, Jun 13 '19 at 11:36
What do you mean by ` don't have arguments for handleSubmit and doSomething`? — aditya81070, Jun 13 '19 at 11:37
@PradipShrestha Please post some code where you facing the issue. — SelvaS, Jun 13 '19 at 11:39
You are facing this because you have `submit` button outside of your `form` tag. Just give an id to your form, for example, `myForm` and update your `submit` button with ``. That's all. — aditya81070, Jun 13 '19 at 11:41

score 2 · Answer 1 · answered Jun 13 '19 at 11:36

Just create another function and call both your function in the third one.

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

Then update onClick method like following:-

onClick={auxilaryFunction}

Now it will call both your functions. If you don't want to use e (event) then simply removed it from both of the functions.

score 0 · Answer 2 · answered Jun 13 '19 at 11:37

0

onClick={this.handleClick}

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

answered Jun 13 '19 at 11:37

Manas Pradhan

19
4

score 0 · Answer 3 · answered Jun 13 '19 at 11:38

0

make function like

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

} when click on handleSubmit automatic functions called inside the function

answered Jun 13 '19 at 11:38

Salman Mehmood

263
2
6

Is there a way to call multiple function in onClick method without having to provide arguments?

3 Answers3