Handling Click Events

Snippet

Handling Click Events

React events are named using camelCase (e.g., onClick). You pass a function as the event handler rather than a string, allowing for direct JavaScript execution.

snippet.js
javascript
<button onClick={() => alert('Clicked!')}>
  Click Me
</button>

react

Breakdown

onClick={...}

The React attribute used to attach a click listener to the element.

() => alert('Clicked!')

An arrow function that executes the alert when the button is clicked.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

Handling Click Events

Related