Snipps by Patrik

React Click Event Handlers

Event handlers determine what action is to be taken whenever an event is fired. This could be a button click or a change in a text input.

You would write this as follows in React:

function ActionLink() {
  const handleClick = (e) => {
    e.preventDefault();
    console.log('The link was clicked.');
  }

  return (
    <button onClick={handleClick}>Click me</button>
  );
}

Comments

Leave a Comment

All fields are required. Your email address will not be published.