Invertiranje za skrajšane pogoje v JSX
Lahko pa je tudi obratna situacija: vstaviti je treba
besedilo, če je pogoj napačen, in ne narediti ničesar,
če je resničen. Za to je treba
invertirati konstanto z uporabo
operatorja !.
V naslednjem primeru, če bo v hide
false, se bo vstavil odstavek z besedilom:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Podana je naslednja koda:
function App() {
const isAuth = false;
return <div>
<p>prosim, prijavite se</p>
</div>;
}
Naredite tako, da se prikazuje navedeni odstavek z besedilom
samo, če je v isAuth zapisano
false.
