Utfordring: Hent og Vis Data med useEffect
Oppgave
Lag en React-komponent kalt DataFetcher
som henter og viser data fra et API når komponenten monteres.
Instruksjoner
- Importer de relevante hookene fra React-biblioteket.
- Bruk
useEffect
-hooken inne i komponenten for å hente data fra den oppgitte API-endepunktet når komponenten monteres. - Vis de hentede dataene i et brukervennlig format i komponenten. Du kan selv velge hvordan dataene skal formateres og presenteres, for eksempel som en liste, en tabell eller et annet passende format.
- Inkluder en
import
-setning for å importere nødvendige hooks fra React-biblioteket. - Bruk
useEffect
oguseState
-hookene for denne oppgaven.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 3. Kapittel 7
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Suggested prompts:
What API endpoint should I use for fetching the data?
Can you explain how to handle errors during the fetch process?
How can I display a loading indicator while the data is being fetched?
Awesome!
Completion rate improved to 2.17
Utfordring: Hent og Vis Data med useEffect
Sveip for å vise menyen
Oppgave
Lag en React-komponent kalt DataFetcher
som henter og viser data fra et API når komponenten monteres.
Instruksjoner
- Importer de relevante hookene fra React-biblioteket.
- Bruk
useEffect
-hooken inne i komponenten for å hente data fra den oppgitte API-endepunktet når komponenten monteres. - Vis de hentede dataene i et brukervennlig format i komponenten. Du kan selv velge hvordan dataene skal formateres og presenteres, for eksempel som en liste, en tabell eller et annet passende format.
- Inkluder en
import
-setning for å importere nødvendige hooks fra React-biblioteket. - Bruk
useEffect
oguseState
-hookene for denne oppgaven.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 3. Kapittel 7