How to call multiple function on one click in react

Question

Just want to call to function on one click in react js

handleProjectSelection = (v1, v2) => () => {
    console.log(`${v1} and ${v2}`)
}
anotherfunctionCall = (ss) => () => {
    console.log(ss) 
}

<p onClick={() => { this.handleProjectSelection("sdsdsd", 'dksdsd'); this.anotherfunctionCall("second");}}> click event </p>

if there are two function with double arrow then i want to call both on one click in react

Welcome to Stack Overflow - can you briefly describe the problem or error(s) you're getting with the code in your question? — Mark C., Jun 20 '19 at 13:11
Duplicate of [Call multiple functions onClick ReactJS](https://stackoverflow.com/questions/26069238/call-multiple-functions-onclick-reactjs) — Ionut Necula, Jun 20 '19 at 13:15
The arrow function handler you have mentioned will also work. Basically, your click handler is referencing to a function which internally calls two functions. This is correct. — Aman Pandey, Jun 20 '19 at 13:16
Hi,if i use single arrow for both of function then it's working but not for double arrow in react js. — Arvind Yadav, Jun 20 '19 at 13:21

score 1 · Answer 1 · answered Jun 20 '19 at 13:45

1

You have to use only one arrow function to call in onClickevent.

handleProjectSelection = (v1, v2) => {
    console.log(`${v1} and ${v2}`)
}
anotherfunctionCall = (ss) => {
    console.log(ss) 
}
<p onClick={() => { this.handleProjectSelection("sdsdsd", 'dksdsd'); this.anotherfunctionCall("second");}}> click event </p>

answered Jun 20 '19 at 13:45

Diamond

3,470
2
19
39

it's working for single arrow but in single arrow we can't use function as a props in react. – Arvind Yadav Jun 21 '19 at 05:13

score 0 · Answer 2 · answered Jun 20 '19 at 13:47

0

 handleOnClick = (v1,v2,ss) {
   handleProjectSelection(v1,v2);
   anotherfunctionCall(ss);
}

<p onClick={() =>{ this.handleOnClick("sdsdsd", 'dksdsd',"second")> click event </p>

answered Jun 20 '19 at 13:47

ghazouan badr

472
5
16

How to call multiple function on one click in react

2 Answers2