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

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>ste avtentificirani</p>
  </div>;
}