Uporaba operatorja && v JSX
Morda bomo morali vstaviti besedilo,
če je pogoj resničen, in ne storiti ničesar,
če je neresničen. To naredimo z operatorjem
&&.
Poglejmo si njegovo delovanje na primeru.
V naslednji kodi, če bo v show
true, bo vstavljen odstavek z besedilom,
če pa bo false, se ne bo vstavilo nič:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Podana je naslednja koda:
function App() {
const isAuth = true;
return <div>
<p>ste avtentificirani</p>
</div>;
}
Poskrbite, da se bo navedeni odstavek z besedilom
prikazal le, če je v isAuth zapisano
true.