How do you define a new class-based component?

How do you define a new class-based component?

• A. Function YourName()
• B. Class YourName extends React.Component
• C. const YourName = () => null
• D. YourName extends HTMLElement

Answer: (B)

Class-based components in React are defined by creating a class that extends React.Component and implements a render method. The render method returns the JSX that describes the UI. Inside the class, you access props with this.props and manage state with this.state, typically initializing state in a constructor with super(props). This form is the proper syntax for a class-based component, because it uses a class, extends React.Component, and provides the required render method. The other patterns shown aren’t class-based components: a function declaration defines a function, not a class; a function assigned to a constant is a function component; extending HTMLElement relates to Web Components, not React components. For completeness, remember that modern React often uses function components with hooks, but class-based components follow this class extends React.Component with a render method.

Class-based components in React are defined by creating a class that extends React.Component and implements a render method. The render method returns the JSX that describes the UI. Inside the class, you access props with this.props and manage state with this.state, typically initializing state in a constructor with super(props). This form is the proper syntax for a class-based component, because it uses a class, extends React.Component, and provides the required render method.

The other patterns shown aren’t class-based components: a function declaration defines a function, not a class; a function assigned to a constant is a function component; extending HTMLElement relates to Web Components, not React components. For completeness, remember that modern React often uses function components with hooks, but class-based components follow this class extends React.Component with a render method.