Aufgabe

Erstellung eines einfachen Benutzerprofils, das Benutzerdaten über eine API-Funktion mit useEffect lädt.

Die Komponente muss Folgendes enthalten:

1. Eine Statusvariable namens user. Ihr Anfangswert muss null sein.

2. Einen useEffect-Hook.

• Aufruf der Funktion fetchUser innerhalb des Effekts.
• Verwendung von .then(), um die Antwort zu erhalten.
  • Speichern der Antwort im user-Status mit setUser.

3. Wenn user null ist, Anzeige eines Absatzes (p-Element). Der Textinhalt muss Loading user... sein.

4. Wenn user existiert, Anzeige von:

   • Einer Überschrift (h2-Element), die den Benutzernamen anzeigt.
   • Einem Absatz (p-Element), der den Benutzerberuf anzeigt.

Startcode

Öffne das folgende Starterprojekt und vervollständige die fehlenden Teile der Komponente.

Starter code

Lösung

Das Ergebnis kann mit der endgültigen Lösung unten verglichen werden.

Solution code