Call multiple functions onClick ReactJS

Question

I know in vanilla js  we can do  onclick  f1   f2      What would be the equivalent for making two function calls onClick in ReactJS   I know calling one function is like this    onClick  f1

User · Answer

Calling multiple functions on onClick for any element, you can create a wrapper function, something like this.

wrapperFunction = () => {
    //do something
    function 1();
    //do something
    function 2();
    //do something
    function 3();
}

These functions can be defined as a method on the parent class and then called from the wrapper function.

You may have the main element which will cause the onChange like this,

<a href='#' onClick={this.wrapperFunction}>Some Link</a>

User · Answer

Maybe you can use arrow function  ES6   or the simple old function declaration   Normal function declaration type  Not ES6      lt link href     onClick  function event   func1 event   func2      gt Trigger here lt  link gt    Anonymous function or arrow function type  ES6     lt link href     onClick   event    gt    func1 event   func2      gt Trigger here lt  link gt    The second one is the shortest road that I know  Hope it helps you

User · Answer

this onclick      gt   f1    f2      helped me a lot if i want two different functions at the same time  But now i want to create an audiorecorder with only one button  So if i click first i want to run the StartFunction f1   and if i click again then i want to run  StopFunction f2     How do you guys realize this

User · Answer

Wrap your two  function calls in another function method  Here are a couple variants of that idea   1  Separate method  var Test   React createClass      onClick  function event         func1          func2             render  function          return             lt a href     onClick  this onClick  gt Test Link lt  a gt                      or with ES6 classes   class Test extends React Component      onClick event          func1          func2            render           return             lt a href     onClick  this onClick  gt Test Link lt  a gt                    2  Inline   lt a href     onClick  function event   func1    func2     gt Test Link lt  a gt    or ES6 equivalent    lt a href     onClick       gt    func1    func2      gt Test Link lt  a gt

User · Answer

You can use nested  There are tow function one is openTab   and another is closeMobileMenue    Firstly we call openTab   and call another function inside closeMobileMenue    function openTab         window open  https   play google com store apps details id com drishya        closeMobileMenue       After open new tab  Nav Menue will close       onClick  openTab

[javascript] Call multiple functions onClick ReactJS

Examples related to javascript

Examples related to reactjs