Invertering for forkortede betingelser i JSX
Det kan også være den omvendte situasjonen: du må
sette inn tekst hvis betingelsen er usann, og gjøre
ingenting hvis den er sann. For å gjøre dette må du
invertere konstanten ved hjelp av
operatoren !.
I det følgende eksempelet, hvis hide er
false, vil et avsnitt med tekst bli satt inn:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Følgende kode er gitt:
function App() {
const isAuth = false;
return <div>
<p>vennligst logg inn</p>
</div>;
}
Gjør slik at det gitte avsnittet med tekst
kun vises hvis isAuth er satt til
false.
