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:
function App() {
const hide = false;
return <div>
{!hide && <p>text</p>}
</div>;
}
È dato il seguente codice:
function App() {
const isAuth = false;
return <div>
<p>per favore, effettua l'accesso</p>
</div>;
}
Fai in modo che il paragrafo con il testo mostrato
venga visualizzato solo se in isAuth è memorizzato
false.
