Taak

Maak een eenvoudig gebruikersprofiel dat gebruikersgegevens laadt via een API-functie met behulp van useEffect.

De component moet het volgende bevatten:

1. Een statusvariabele genaamd user. De beginwaarde moet null zijn.

2. Een useEffect-hook.

• Roep de functie fetchUser aan binnen het effect.
• Gebruik .then() om de respons te ontvangen.
  • Sla de respons op in de user-status met behulp van setUser.

3. Als user null is, render een paragraaf (p-element). De tekstinhoud moet zijn: Loading user....

4. Als user bestaat, render:

   • Een koptekst (h2-element) die de gebruikersnaam weergeeft.
   • Een paragraaf (p-element) die het beroep van de gebruiker weergeeft.

Startcode

Open het startproject hieronder en vul de ontbrekende delen van de component aan.

Starter code

Oplossing

Je kunt je resultaat vergelijken met de uiteindelijke oplossing hieronder.

Solution code