A render method must contain what?

A render method must contain what?

• A. a render invocation
• B. a constructor
• C. a return statement
• D. no code

Answer: (C)

The key idea is that the render method must produce UI by returning a value. In a React class component, render is called to generate what should be shown on the screen, and React uses the value you return as that UI. That value is typically a JSX element (like <div>…</div>), or a fragment/array of elements, or null if you want to render nothing. If you don’t return anything, the method yields undefined and React can’t render anything for that component. You can do computations inside render, but you must end with a return statement that provides the element tree to render. For example, render() { const name = 'World'; return <div>Hello, {name}</div>; }. Returning null is also valid if you deliberately render nothing, but the important part is having a return statement that provides the UI.

The key idea is that the render method must produce UI by returning a value. In a React class component, render is called to generate what should be shown on the screen, and React uses the value you return as that UI. That value is typically a JSX element (like

…

), or a fragment/array of elements, or null if you want to render nothing. If you don’t return anything, the method yields undefined and React can’t render anything for that component. You can do computations inside render, but you must end with a return statement that provides the element tree to render. For example, render() { const name = 'World'; return

Hello, {name}

; }. Returning null is also valid if you deliberately render nothing, but the important part is having a return statement that provides the UI.