How to add onclick activity in react js for dynamically created elements

Question

<Button variant={inf.variant} onClick={`${inf.click}`}>

Like this im asking in this onclick

if.click is a string which is = "()=>handleEdit(data)"

onClick in React is not like onclick in HTML, it accepts an actual function, not a string. For example onClick={handleClick} or onClick={() => alert("click")} — Noam
– Noam, Commented Sep 28, 2022 at 13:02
if you want pass the function to Button component then pass it as a prop like: <Button propName={functionName} /> — PakDragoon
– PakDragoon, Commented Sep 28, 2022 at 13:27

Usitha Indeewara · Accepted Answer · 2022-09-28 13:32:44Z

1

The value of onClick should be a function. Not a string.

For example:

<button onClick={functionName}> btn </button>

or

<button onClick={() => { /* code of the function */ }> btn </button>

answered Sep 28, 2022 at 13:13

Usitha Indeewara

1,0134 gold badges15 silver badges24 bronze badges

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

1 Answer 1