Uppgift

Skapa en enkel användarprofil som hämtar användardata från en API-funktion med hjälp av useEffect.

Komponenten ska innehålla:

1. En tillståndsvariabel kallad user. Dess initiala värde ska vara null.

2. En useEffect-hook.

• Anropa funktionen fetchUser inuti effekten.
• Använd .then() för att ta emot svaret.
• Spara svaret i tillståndet user med hjälp av setUser.

3. Om user är null, rendera ett stycke (p-element). Dess textinnehåll ska vara Loading user....

4. Om user finns, rendera:

   • En rubrik (h2-element) som visar användarnamnet.
   • Ett stycke (p-element) som visar användarens jobb.

Startkod

Öppna startprojektet nedan och fyll i de saknade delarna av komponenten.

Starter code

Lösning

Du kan jämföra ditt resultat med den slutgiltiga lösningen nedan.

Solution code