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

Haaste: 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

Haaste: Hae ja Näytä Dataa

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
some-alt