Oppgave

Lag en enkel brukerprofil som laster inn brukerdata fra en API-funksjon ved hjelp av useEffect.

Komponenten må inkludere:

1. En tilstandsvariabel kalt user. Startverdien skal være null.

2. En useEffect-hook.

   • Kall fetchUser-funksjonen inne i effekten.

• Bruk .then() for å motta responsen.
  • Lagre responsen i user-tilstanden ved å bruke setUser.

3. Hvis user er null, vis et avsnitt (p-element). Teksten skal være Loading user....

4. Hvis user finnes, vis:

   • En overskrift (h2-element) som viser brukernavnet.
   • Et avsnitt (p-element) som viser brukerens jobb.

Startkode

Åpne startprosjektet under og fullfør de manglende delene av komponenten.

Starter code

Løsning

Du kan sammenligne resultatet ditt med den endelige løsningen under.

Solution code