Operaattorin && käyttö JSX:ssä
Saattaa olla tarpeen lisätä tekstiä,
jos ehto on tosi, eikä tehdä mitään,
jos se on epätosi. Tämä tehdään käyttämällä
&&-operaattoria.
Katsotaan sen toimintaa esimerkin avulla.
Seuraavassa koodissa, jos show on
true, lisätään kappale tekstillä,
ja jos se on false, mitään ei lisätä:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
Annettu seuraava koodi:
function App() {
const isAuth = true;
return <div>
<p>olet kirjautunut sisään</p>
</div>;
}
Tee niin, että annettu tekstikappale
näytetään vain, jos isAuth on asetettu
todeksi (true).
