Compito

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

Istruzioni

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

1. Includere una dichiarazione import per importare l'hook appropriato dalla libreria React.
2. Per questo compito, verrà utilizzato l'hook useState poiché si gestisce lo stato della visibilità del paragrafo.
3. Per determinare il nome della variabile di stato appropriata, osservare la funzione associata all'impostazione dello stato, che è setIsVisible. Rimuovere il prefisso "set" e utilizzare la prima lettera minuscola per il nome della variabile, che dovrebbe essere isVisible.
4. Per invocare la funzione toggleVisibility quando il pulsante viene cliccato, assegnarla come valore per l'attributo onClick del pulsante.