Utilização do operador && em JSX
Pode ser necessário inserir um texto
se uma condição for verdadeira, e não fazer nada
se for falsa. Isso é feito usando o operador
&&.
Vamos ver seu funcionamento com um exemplo.
No código a seguir, se show for
true, um parágrafo com o texto será inserido,
e se for false, nada será inserido:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Dado o seguinte código:
function App() {
const isAuth = true;
return <div>
<p>você está autenticado</p>
</div>;
}
Faça com que o parágrafo com o texto fornecido
seja exibido apenas se isAuth for true.
