Opgave

Opret en simpel brugerprofil, der henter brugerdata fra en API-funktion ved hjælp af useEffect.

Komponenten skal inkludere:

1. En state-variabel kaldet user. Dens startværdi skal være null.

2. Et useEffect-hook.

• Kald funktionen fetchUser inde i effekten.
• Brug .then() til at modtage svaret.
  • Gem svaret i user-state ved hjælp af setUser.

3. Hvis user er null, render et afsnit (p-element). Dets tekstindhold skal være Loading user....

4. Hvis user eksisterer, render:

   • En overskrift (h2-element), der viser brugerens navn.
   • Et afsnit (p-element), der viser brugerens job.

Startkode

Åbn startprojektet nedenfor og udfyld de manglende dele af komponenten.

Starter code

Løsning

Du kan sammenligne dit resultat med den endelige løsning nedenfor.

Solution code