What is the primary purpose of the render method in a class component?

What is the primary purpose of the render method in a class component?

• A. To fetch data from API
• B. To handle events
• C. To return the JSX describing the UI
• D. To set initial state

Answer: (C)

In a class component, the render method is used to describe the UI for the current state and props. It returns the JSX (or React elements) that represent what should be displayed on the screen, based on this.props and this.state. This method can be called during both mounting and updating, so it must be pure: it should not have side effects, make API calls, or modify state. Any data fetching or subscriptions belong in other lifecycle methods (like componentDidMount) or, in modern code, in hooks. Initializing state is done in the constructor or as a class field, not inside render. The render method may return a React element, or null to render nothing, but its primary purpose is to describe the UI output for the current state.

In a class component, the render method is used to describe the UI for the current state and props. It returns the JSX (or React elements) that represent what should be displayed on the screen, based on this.props and this.state. This method can be called during both mounting and updating, so it must be pure: it should not have side effects, make API calls, or modify state. Any data fetching or subscriptions belong in other lifecycle methods (like componentDidMount) or, in modern code, in hooks. Initializing state is done in the constructor or as a class field, not inside render. The render method may return a React element, or null to render nothing, but its primary purpose is to describe the UI output for the current state.