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ä:

jsxfunction App() {
  const show = true;
  
  return <div>
    {show && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>olet kirjautunut sisään</p>
  </div>;
}