Utilizzo dell'operatore && in JSX

Potremmo aver bisogno di inserire del testo se una condizione è vera, e non fare nulla se è falsa. Questo si fa utilizzando l'operatore &&.

Vediamo il suo funzionamento con un esempio. Nel codice seguente, se show sarà true, verrà inserito un paragrafo con il testo, mentre se sarà false, non verrà inserito nulla:

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

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