## Oppgave
Lag en React-komponent kalt `DataFetcher` som henter og viser data fra et API når komponenten monteres.

## Instruksjoner
1. Importer de nødvendige hookene fra React-biblioteket.
2. Bruk `useEffect`-hooken inne i komponenten for å hente data fra den oppgitte API-endepunktet når komponenten monteres.
3. Vis de hentede dataene i et brukervennlig format i komponenten. Du kan selv velge hvordan du vil formatere og presentere dataene, for eksempel som en liste, en tabell eller et annet passende format.

1. Inkluder en `import`-setning for å importere nødvendige hooks fra React-biblioteket.
2. Bruk `useEffect` og `useState` hooks til denne oppgaven.

Utforsk grunnleggende prinsipper for å bygge brukergrensesnitt med React. Fokuser på komponenter, JSX, dataflyt, tilstand og sideeffekter brukt i daglige React-applikasjoner.

Utforsk hva React er og hvordan det gjengir brukergrensesnitt. Fokus på komponenter, JSX-syntaks og visning av elementer på skjermen.

Hvilken hook brukes for å håndtere tilstand i en funksjonell komponent?

Når kjøres en `useEffect`-hook som standard (uten en avhengighetsliste)?

Fordypning i overføring av data mellom komponenter og kontroll av UI-utdata. Fokus på props, betinget rendering og rendering av lister med data.

Lær hvordan brukerinteraksjoner og ekstern data endrer brukergrensesnittet over tid. Fokus på håndtering av tilstand og sideeffekter med React-hooks.

Utforsk vanlige metoder for å style React-komponenter. Fokus på bruk av inline-stiler og ekstern CSS.

Lær hvordan du kjører et React-prosjekt og forstår dets struktur. Fokuser på å starte et prosjekt med Vite og navigere i prosjektfilene.

Utfordring: Hent og Vis Data

Oppgave

Instruksjoner