Conditional rendering displays different elements depending on state or props, with an if before the return, the ternary operator or the && operator. Beware of && with a number: 0 && <X/> displays 0. Returning null renders nothing.
Example
{connecte ? <Tableau /> : <Connexion />}