## 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 oikean 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 nimessä, jolloin nimeksi tulee `isVisible`.
4. Kytke `toggleVisibility`-funktio painikkeen `onClick`-attribuutin arvoksi, jotta se suoritetaan painiketta painettaessa.

Tutustu Reactin käyttöliittymien rakentamisen perusteisiin. Keskity komponentteihin, JSX:ään, tietovirtaan, tilaan ja sivuvaikutuksiin, joita käytetään jokapäiväisissä React-sovelluksissa.

Tutustu siihen, mitä React on ja miten se renderöi käyttöliittymiä. Keskity komponentteihin, JSX-syntaksiin ja elementtien näyttämiseen näytöllä.

Mikä hook on tarkoitettu tilan hallintaan funktiokomponentissa?

Milloin `useEffect`-hook suoritetaan oletuksena (ilman riippuvuuslistaa)?

Syvenny tiedon välittämiseen komponenttien välillä ja käyttöliittymän ulostulon hallintaan. Painopisteenä propsit, ehdollinen renderöinti ja tietolistojen renderöinti.

Opi, miten käyttäjän vuorovaikutukset ja ulkoiset tiedot muuttavat käyttöliittymää ajan myötä. Keskity tilan hallintaan ja sivuvaikutusten käsittelyyn React-hookien avulla.

Tutustu yleisimpiin tapoihin tyylittää React-komponentteja. Keskity tyylien lisäämiseen käyttämällä sisäisiä tyylejä ja ulkoista CSS:ää.

Opi suorittamaan React-projekti ja ymmärtämään sen rakenne. Keskity projektin käynnistämiseen Vite-työkalulla sekä projektitiedostojen selaamiseen.

Haaste: Näkyvyyden Vaihtaminen Tilan Avulla

Tehtävä

Ohjeet