Inversione per condizioni abbreviate in JSX

Può verificarsi anche la situazione inversa: è necessario inserire del testo se la condizione è falsa, e non fare nulla se è vera. Per fare ciò, è necessario invertire la costante utilizzando l'operatore !.

Nel prossimo esempio, se in hide ci sarà false, verrà inserito un paragrafo con il testo:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>per favore, effettua l'accesso</p>
  </div>;
}