## Tehtävä
Luo komponentti, joka sisältää painikkeen ja tekstikappaleen. Toteuta tarvittava logiikka käyttämällä `useState`-hookia, jotta tekstikappaleen näkyvyyttä voidaan vaihtaa painiketta painettaessa.

## Ohjeet
1. Tuo `useState`-hook React-kirjastosta.
2. Määritä tilamuuttuja nimeltä `isVisible` käyttämällä `useState`-hookia. Alusta se arvolla `false`.
3. Toteuta funktio nimeltä `toggleVisibility`, joka kutsuttaessa vaihtaa `isVisible`-tilan arvon `true` ja `false` välillä.
4. Käytä `toggleVisibility`-funktiota painikkeen `onClick`-käsittelijänä.

1. Lisää `import`-lause tuodaksesi sopivan hookin React-kirjastosta.
2. Tässä tehtävässä käytetään `useState`-hookia, koska hallitaan kappaleen näkyvyyden tilaa.
3. Määritä tilamuuttujan nimi tarkastelemalla tilan asettamiseen liittyvää funktiota, joka on `setIsVisible`. Poista "set"-etuliite ja käytä pientä alkukirjainta muuttujan nimen alussa, jolloin nimeksi tulee `isVisible`.
4. Kutsu `toggleVisibility`-funktiota, kun painiketta klikataan, asettamalla se painikkeen `onClick`-attribuutin arvoksi.

Tutustu siihen, miten Reactia käytetään dynaamisten käyttöliittymien rakentamiseen komponenttien, JSX:n ja propien avulla. Hallitse tilaa ja sivuvaikutuksia hookien avulla, renderöi listoja ja ehdollisia käyttöliittymiä sekä sovella tyylejä oikeisiin komponentteihin. Ota React-projekti käyttöön Viten avulla ja ymmärrä, miten sovellukset rakennetaan.

Haaste: Näkyvyyden Vaihtaminen Tilan Avulla

Tehtävä

Ohjeet