Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Hae ja Näytä Dataa | Osio
Reactin Perusteet

bookHaaste: Hae ja Näytä Dataa

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 näkymään.

Ohjeet

  1. Tuo tarvittavat hookit React-kirjastosta.
  2. Käytä komponentin sisällä useEffect-hookia tietojen hakemiseen annetusta API-päätepisteestä, kun komponentti liitetään näkymään.
  3. Näytä haetut tiedot käyttäjäystävällisessä muodossa komponentissa. Voit itse valita, miten tiedot muotoillaan ja esitetään, esimerkiksi listana, taulukkona tai muulla sopivalla tavalla.
  1. Lisää import-lause tuodaksesi tarvittavan hookin React-kirjastosta.
  2. Käytä tässä tehtävässä useEffect- ja useState-hookeja.

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 17

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 17
some-alt