Sfida: Alternare la Visibilità con lo Stato

Compito

Crea un componente che includa un pulsante e un paragrafo di testo. Implementa la logica necessaria utilizzando l'hook useState per alternare la visibilità del paragrafo di testo quando il pulsante viene cliccato.

Istruzioni

1. Importa l'hook useState dalla libreria React.
2. Dichiara una variabile di stato chiamata isVisible utilizzando l'hook useState. Inizializzala con il valore false.
3. Implementa una funzione chiamata toggleVisibility che, quando viene chiamata, alterna lo stato isVisible tra true e false.
4. Usa la funzione toggleVisibility come gestore dell'evento onClick per il pulsante.

1. Includi un'istruzione import per importare l'hook appropriato dalla libreria React.
2. Per questo compito, utilizzeremo l'hook useState poiché gestiamo lo stato della visibilità del paragrafo.
3. Per determinare il nome della variabile di stato appropriata, osserva la funzione associata all'impostazione dello stato, che è setIsVisible. Rimuovi il prefisso "set" e usa la prima lettera minuscola per il nome della variabile, che dovrebbe essere isVisible.
4. Per invocare la funzione toggleVisibility quando il pulsante viene cliccato, assegnala come valore per l'attributo onClick del pulsante.