react hooks - get event Object and parameters on button click

Question

I have a button as below

<a href="#" className={classes.btnText} onClick={showDetail}>Learn more <span> &rarr; </span> </a>

and able to get the event object

const showDetail = event => {
        console.log("show detail",event);
    }

Now i want to pass an argument on button click. can some one please tell me how to pass event plus an parameter on button click like showDetail(event, "test") and i dont want the function to be invoked until the button is clicked

NinjaDev · Accepted Answer · 2020-10-13 02:30:35Z

4

<a href="#" className={classes.btnText} onClick={(e) => showDetail(e, "test")}>Learn more <span> &rarr; </span> </a>

const showDetail = (event, additionalData) => {
        console.log("show detail", additionalData, event);
    }

answered Oct 13, 2020 at 2:30

NinjaDev

4022 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aobo Cheng · Accepted Answer · 2020-10-13 02:29:33Z

1

Make it a function which returns a function

const showDetail = type => event => {
  console.log("show detail", type, event);
}

<a href="#" className={classes.btnText} onClick={showDetail("test")}>
  Learn more <span> &rarr; </span>
</a>

this is a currying function, the type variable can be accessed from event callback

answered Oct 13, 2020 at 2:29

Aobo Cheng

4,5883 gold badges27 silver badges30 bronze badges

Collectives™ on Stack Overflow

react hooks - get event Object and parameters on button click

2 Answers 2

Comments

Make it a function which returns a function

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Make it a function which returns a function

Comments

Your Answer

Sign up or log in

Post as a guest

Related