Die gebruik van die && operator in JSX
Ons mag dit nodig hê om teks in te voeg,
indien die voorwaarde waar is, en niks te doen nie,
indien dit onwaar is. Dit word gedoen met behulp van die
&& operator.
Kom ons kyk na die werking daarvan aan die hand van 'n voorbeeld.
In die volgende kode, as daar in show
true is, sal 'n paragraaf met teks ingevoeg word,
en as dit false is, sal niks ingevoeg word nie:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Die volgende kode word gegee:
function App() {
const isAuth = true;
return <div>
<p>jy is gemagtig</p>
</div>;
}
Sorg dat die gegewe paragraaf met teks
slegs vertoon word as daar true in isAuth geskryf is.