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 | Tila ja Sivuvaikutukset
Practice
Projects
Quizzes & Challenges
Visat
Challenges
/
Johdatus Reactiin

bookHaaste: Hae ja Näytä Dataa

Tehtävä

Luo React-komponentti nimeltä DataFetcher, joka hakee ja näyttää tietoja API-rajapinnasta, kun komponentti liitetään DOM:iin.

Ohjeet

  1. Tuo tarvittavat hookit React-kirjastosta.
  2. Käytä komponentin sisällä useEffect-hookia tietojen hakemiseen annetusta API-osoitteesta, kun komponentti liitetään DOM:iin.
  3. 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.
  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 3. Luku 4

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

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 DOM:iin.

Ohjeet

  1. Tuo tarvittavat hookit React-kirjastosta.
  2. Käytä komponentin sisällä useEffect-hookia tietojen hakemiseen annetusta API-osoitteesta, kun komponentti liitetään DOM:iin.
  3. 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.
  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 3. Luku 4
some-alt