Conditional rendering

Conditional rendering is a technique used in React to either show or hide a component by rendering it or not rendering it.

Conditional rendering is done by applying a condition to a given component and then if the condition passes then the component will be rendered and the user will see the rendered component. If the condition fails then the component will not be rendered and the user will not see it.