Inversão para condições abreviadas em JSX
Pode haver uma situação inversa: é necessário
inserir texto se a condição for falsa e não
fazer nada se for verdadeira. Para isso, é necessário
inverter a constante usando o operador !.
No próximo exemplo, se hide for
false, um parágrafo com o texto será inserido:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
É dado o seguinte código:
function App() {
const isAuth = false;
return <div>
<p>por favor, faça login</p>
</div>;
}
Faça com que o parágrafo de texto fornecido
seja exibido apenas se isAuth for
false.
