Invertovanie pre skrátené podmienky v JSX
Môže nastať aj opačná situácia: je potrebné vykonať
vloženie textu, ak je podmienka nepravdivá, a nič
nevykonávať, ak je pravdivá. Na to je potrebné
vykonať invertovanie konštanty pomocou
operátora !.
V nasledujúcom príklade, ak v hide bude
false, vloží sa odsek s textom:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Daný je nasledujúci kód:
function App() {
const isAuth = false;
return <div>
<p>prosím, autorizujte sa</p>
</div>;
}
Urobte tak, aby sa uvedený odsek s textom
zobrazoval len vtedy, ak je v isAuth zapísané
false.
