Az && operátor használata JSX-ben

Előfordulhat, hogy szöveg beszúrására van szükségünk, ha a feltétel igaz, és nem csinálunk semmit, ha hamis. Ez az && operátorral végezhető el.

Nézzük meg a működését egy példán keresztül. A következő kódban, ha a show true, akkor egy bekezdés szúródik be a szöveggel, ha pedig false, akkor semmi sem szúródik be:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>Ön be van jelentkezve</p>
  </div>;
}