Which statement about React onClick event listeners is correct?

Which statement about React onClick event listeners is correct?

• A. They are created only if onClick is used on HTML-like JSX elements.
• B. They are automatically bound to class instances.
• C. They are always attached to every component.
• D. They are defined by the component's state.

Answer: (A)

Event handling in React is done by adding onClick to elements that render to real DOM nodes in JSX. The listener is created on that DOM node only when you actually place an onClick prop on an HTML-like element (such as div or button). If you use onClick on a custom component, React passes it as a prop, but the underlying listener is only created if that component forwards the prop to a real DOM element. Binding to class instances isn’t automatic—you typically bind in the constructor or use class fields/arrow functions to ensure the correct this. And event handlers aren’t attached to every component by default, nor are they defined by the component’s state—they’re functions you attach to specific DOM elements, though they may read or update state when invoked.

Event handling in React is done by adding onClick to elements that render to real DOM nodes in JSX. The listener is created on that DOM node only when you actually place an onClick prop on an HTML-like element (such as div or button). If you use onClick on a custom component, React passes it as a prop, but the underlying listener is only created if that component forwards the prop to a real DOM element. Binding to class instances isn’t automatic—you typically bind in the constructor or use class fields/arrow functions to ensure the correct this. And event handlers aren’t attached to every component by default, nor are they defined by the component’s state—they’re functions you attach to specific DOM elements, though they may read or update state when invoked.