Použití operátoru && v JSX

Může se nám hodit vložit text, pokud je podmínka pravdivá, a neudělat nic, pokud je nepravdivá. Toho se dosáhne pomocí operátoru &&.

Podívejme se na jeho funkci na příkladu. V následujícím kódu, pokud bude v show true, vloží se odstavec s textem, a pokud bude false, nic se nevloží:

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

jsxfunction App() {
  const isAuth = true;
  
  return <div>
    <p>jste přihlášeni</p>
  </div>;
}