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:
function App() {
const show = true;
return <div>
{show && <p>text</p>}
</div>;
}
È dato il seguente codice:
function App() {
const isAuth = true;
return <div>
<p>sei autenticato</p>
</div>;
}
Fate in modo che il paragrafo con il testo mostrato
venga visualizzato solo se in isAuth è memorizzato
true.
