Inverteerimine lühendatud tingimuste jaoks JSX-is
Võib esineda ka vastupidine olukord: on vaja
teksti sisestada, kui tingimus on väär, ja mitte
teha midagi, kui see on tõene. Selleks tuleb
konstandi inverteerimine teha kasutades
operaatorit !.
Järgmises näites, kui hide sisaldab
false, siis sisestatakse tekstiga lõik:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Antud on järgmine kood:
function App() {
const isAuth = false;
return <div>
<p>palun logige sisse</p>
</div>;
}
Tehke nii, et toodud tekstiga lõik
kuvataks ainult siis, kui isAuth sisaldab
false.