Herausforderung: Daten Abrufen und Anzeigen
Aufgabe
Erstellen Sie eine React-Komponente mit dem Namen DataFetcher, die beim Mounten der Komponente Daten von einer API abruft und anzeigt.
Anweisungen
- Importieren Sie die entsprechenden Hooks aus der React-Bibliothek.
- Verwenden Sie innerhalb der Komponente den
useEffect-Hook, um beim Mounten der Komponente Daten vom angegebenen API-Endpunkt abzurufen. - Stellen Sie die abgerufenen Daten in einem benutzerfreundlichen Format innerhalb der Komponente dar. Sie können selbst entscheiden, wie Sie die Daten formatieren und präsentieren, zum Beispiel als Liste, Tabelle oder in einem anderen geeigneten Format.
- Fügen Sie eine
import-Anweisung hinzu, um den benötigten Hook aus der React-Bibliothek zu importieren. - Verwenden Sie für diese Aufgabe die Hooks
useEffectunduseState.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 4
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Großartig!
Completion Rate verbessert auf 4
Herausforderung: Daten Abrufen und Anzeigen
Swipe um das Menü anzuzeigen
Aufgabe
Erstellen Sie eine React-Komponente mit dem Namen DataFetcher, die beim Mounten der Komponente Daten von einer API abruft und anzeigt.
Anweisungen
- Importieren Sie die entsprechenden Hooks aus der React-Bibliothek.
- Verwenden Sie innerhalb der Komponente den
useEffect-Hook, um beim Mounten der Komponente Daten vom angegebenen API-Endpunkt abzurufen. - Stellen Sie die abgerufenen Daten in einem benutzerfreundlichen Format innerhalb der Komponente dar. Sie können selbst entscheiden, wie Sie die Daten formatieren und präsentieren, zum Beispiel als Liste, Tabelle oder in einem anderen geeigneten Format.
- Fügen Sie eine
import-Anweisung hinzu, um den benötigten Hook aus der React-Bibliothek zu importieren. - Verwenden Sie für diese Aufgabe die Hooks
useEffectunduseState.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 4