JAVASCRIPT

react onclick with event

const App = () => {
  const handleClick = (event, param) => {
    console.log(event);
    console.log(param);
  };

  return (
    <div>
      <button onClick={event => handleClick(event, 'hello world')}>
        Click
      </button>
    </div>
  );
};

export default App;

react onclick function

// Wrong way: This alert fires when the component renders, not when clicked!
<button onClick={alert('You clicked me!')}>

// Correct way:                
<button onClick={() => alert('You clicked me!')}>

react button onclick components

function Button(){
  const [counter , setCounter] = useState(0);
  return <button onClick={() => setCounter(counter+1)}>{counter}</button>
}
ReactDOM.render(
<Button />,
document.getElementById('mountNode'),
  );

onclick call function react

    <button onClick={sayHello}>
      Click me!
    </button>