Bruk av &&-operatoren i JSX
Vi kan ha behov for å sette inn tekst
hvis betingelsen er sann, og ikke gjøre noe
hvis den er usann. Dette gjøres ved hjelp av operatoren
&&.
La oss se hvordan den fungerer med et eksempel.
I følgende kode, hvis show er
true, vil en avsnitt med tekst bli satt inn,
og hvis den er false, vil ingenting bli satt inn:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Følgende kode er gitt:
function App() {
const isAuth = true;
return <div>
<p>du er autorisert</p>
</div>;
}
Gjør slik at det nevnte avsnittet med tekst
bare vises hvis isAuth er satt til
true.