Použitie operátora && v JSX

Môžeme potrebovať vložiť text, ak je podmienka pravdivá, a neurobiť nič, ak je nepravdivá. To sa robí pomocou operátora &&.

Pozrime sa na jeho fungovanie na príklade. V nasledujúcom kóde, ak bude v show true, vloží sa odstavec s textom, a ak bude false, nič sa nevloží:

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

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