Handling Events

Part of the React course

A component that only ever renders based on props and state is not interactive on its own, something has to notice when the user clicks a button, types into a field, or presses a key, and turn that into a state update. You already wired one onClick in the previous lesson without stopping to explain it.

React lets you attach event handlers directly to JSX elements using props named after the DOM event they respond to, written in camelCase: onClick for clicks, onChange for input changes, and so on. The value of that prop is a function, one you either define separately or write inline.