Discussion on: Conditionally rendering JSX in React functions

[mr chedda]

The preferred method to conditionally render a component is:

export default function App(){
    { conditionalStatement && ( 
         <RenderedComponent /> 
    )}
}

OR

export default function App(){
    { conditionalStatement ? ( 
        <RenderedComponentOne /> 
    ):( 
        <RenderedComponentTwo />
    )}
}