If you do not bind an event handler that uses 'this', what is a common consequence?

If you do not bind an event handler that uses 'this', what is a common consequence?

• A. The handler will be bound automatically.
• B. The handler will have access to this, but with undefined context
• C. The component will throw a compilation error
• D. The 'this' inside the handler will be undefined unless bound.

Answer: (D)

In React class components, functions used as event handlers aren’t bound to the component instance automatically. If you don’t bind the handler, the this inside that function ends up undefined when the event fires. That means any attempt to access this.setState, this.props, or other instance properties will fail because there’s no component instance context for this to refer to. The usual fix is to bind the method in the constructor, or define the handler as an arrow function (class field) so it captures the correct this automatically. Functional components with hooks also avoid this whole binding issue.

In React class components, functions used as event handlers aren’t bound to the component instance automatically. If you don’t bind the handler, the this inside that function ends up undefined when the event fires. That means any attempt to access this.setState, this.props, or other instance properties will fail because there’s no component instance context for this to refer to. The usual fix is to bind the method in the constructor, or define the handler as an arrow function (class field) so it captures the correct this automatically. Functional components with hooks also avoid this whole binding issue.