Haaste: Tietojen Haku ja Näyttäminen useEffectin Avulla
Tehtävä
Luo React-komponentti nimeltä DataFetcher, joka hakee ja näyttää tietoja API-rajapinnasta, kun komponentti liitetään DOM:iin.
Ohjeet
- Tuo tarvittavat hookit React-kirjastosta.
- Käytä komponentin sisällä
useEffect-hookia tietojen hakemiseen annetusta API-osoitteesta, kun komponentti liitetään DOM:iin. - Näytä haetut tiedot käyttäjäystävällisessä muodossa komponentissa. Voit itse valita, miten tiedot esitetään, esimerkiksi listana, taulukkona tai muussa sopivassa muodossa.
- Lisää
import-lause tuodaksesi tarvittavan hookin React-kirjastosta. - Hyödynnä
useEffect- jauseState-hookeja tässä tehtävässä.
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 3. Luku 7
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 2.17Haaste: Tietojen Haku ja Näyttäminen useEffectin Avulla
Pyyhkäise näyttääksesi valikon
Tehtävä
Luo React-komponentti nimeltä DataFetcher, joka hakee ja näyttää tietoja API-rajapinnasta, kun komponentti liitetään DOM:iin.
Ohjeet
- Tuo tarvittavat hookit React-kirjastosta.
- Käytä komponentin sisällä
useEffect-hookia tietojen hakemiseen annetusta API-osoitteesta, kun komponentti liitetään DOM:iin. - Näytä haetut tiedot käyttäjäystävällisessä muodossa komponentissa. Voit itse valita, miten tiedot esitetään, esimerkiksi listana, taulukkona tai muussa sopivassa muodossa.
- Lisää
import-lause tuodaksesi tarvittavan hookin React-kirjastosta. - Hyödynnä
useEffect- jauseState-hookeja tässä tehtävässä.
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 3. Luku 7
