Herausforderung: Daten Abrufen und Anzeigen
Aufgabe
Erstellen Sie eine React-Komponente namens DataFetcher
, die Daten von einer API abruft und anzeigt, wenn die Komponente geladen wird.
Anweisungen
- Importieren Sie die entsprechenden Hooks aus der React-Bibliothek.
- Verwenden Sie innerhalb der Komponente den
useEffect
-Hook, um Daten vom bereitgestellten API-Endpunkt abzurufen, wenn die Komponente geladen wird. - Zeigen Sie die abgerufenen Daten in einem benutzerfreundlichen Format innerhalb der Komponente an. Sie können wählen, wie Sie die Daten formatieren und präsentieren, z. B. als Liste, Tabelle oder in einem anderen geeigneten Format.
- Fügen Sie eine
import
-Anweisung hinzu, um den notwendigen Hook aus der React-Bibliothek zu importieren. - Verwenden Sie die
useEffect
- unduseState
-Hooks für diese Aufgabe.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 7
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.17
Herausforderung: Daten Abrufen und Anzeigen
Swipe um das Menü anzuzeigen
Aufgabe
Erstellen Sie eine React-Komponente namens DataFetcher
, die Daten von einer API abruft und anzeigt, wenn die Komponente geladen wird.
Anweisungen
- Importieren Sie die entsprechenden Hooks aus der React-Bibliothek.
- Verwenden Sie innerhalb der Komponente den
useEffect
-Hook, um Daten vom bereitgestellten API-Endpunkt abzurufen, wenn die Komponente geladen wird. - Zeigen Sie die abgerufenen Daten in einem benutzerfreundlichen Format innerhalb der Komponente an. Sie können wählen, wie Sie die Daten formatieren und präsentieren, z. B. als Liste, Tabelle oder in einem anderen geeigneten Format.
- Fügen Sie eine
import
-Anweisung hinzu, um den notwendigen Hook aus der React-Bibliothek zu importieren. - Verwenden Sie die
useEffect
- unduseState
-Hooks für diese Aufgabe.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 7