Reactjs How to pass parameter in onclick event in jsx

Question

How to pass parameter using the jsx in reactjs?

this is my code

  function handleClick() {
    history.push("/home");
  }

.....

<Button 
  color="primary" 
  size="small"
  onClick={handleClick}
  className={classes.notificationbutton}>
     View
</Button>

you want to pass parameters to handleClick?

Omri Attiya
– Omri Attiya

2021-09-18 00:11:36 +00:00
Commented Sep 18, 2021 at 0:11 — Omri Attiya
– Omri Attiya, Commented Sep 18, 2021 at 0:11
yes please......

user15404864
– user15404864

2021-09-18 00:12:44 +00:00
Commented Sep 18, 2021 at 0:12 — user15404864
– user15404864, Commented Sep 18, 2021 at 0:12

Omri Attiya · Accepted Answer · 2021-09-18 00:16:36Z

2

As default, onClick is passing an event parameter.

You can create arrow key function and call your handleClick there with custom parameters:

<Button 
  color="primary" 
  size="small"
  onClick={(event) => handleClick(param1, param2)}
  className={classes.notificationbutton}
>
  View
</Button>

answered Sep 18, 2021 at 0:16

Omri Attiya

4,0473 gold badges22 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Reactjs How to pass parameter in onclick event in jsx

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related