Invertering af korte betingelser i JSX
Der kan også være den omvendte situation: du skal udføre
indføjelse af tekst, hvis betingelsen er falsk, og ikke gøre noget,
hvis den er sand. For at gøre dette skal du
udføre invertering af konstanten ved hjælp af
operatoren !.
I det følgende eksempel, hvis hide indeholder
false, vil et afsnit med teksten blive indsat:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
Følgende kode er givet:
function App() {
const isAuth = false;
return <div>
<p>venligst log ind</p>
</div>;
}
Gør således, at det viste afsnit med tekst
kun vises, hvis isAuth indeholder
false.
