Tehtävä

Tässä haasteessa luodaan Form-komponentti, jossa on kaksi syötekenttää: email ja password. Tavoitteena on käyttää useRef-hookia syöte-elementtien viittaamiseen ja lomakkeen lähetyslogiikan käsittelyyn.

Ohjeet

1. Tuo useRef-hook react-kirjastosta.
2. Määrittele Form-komponentin sisällä kaksi useRef-muuttujaa: emailRef ja passwordRef, jotka alustetaan arvolla null.
3. Nollaa syötekentät asettamalla niiden arvoksi tyhjä merkkijono käyttämällä useRef-muuttujia.

1. Tarvittavan hookin tuomiseksi React-kirjastosta lisää import-lause.
2. Tässä tehtävässä käytetään useRef-hookia tietojen tallentamiseen ilman, että se vaikuttaa merkkauskieleen.
3. Sopivan muuttujanimen määrittämiseksi refille valitse sana, joka liittyy kyseiseen refiin, ja lisää loppuun "Ref".
4. Ref alustetaan arvolla null antamalla null alkuarvoksi useRef-hookin hakasulkeisiin (esim. useRef(null)).
5. Lomakesyötteen nollaamiseksi käytä sopivaa ref-muuttujaa ja aseta sen .current.value tyhjäksi merkkijonoksi ("").