Kursinhalt
React Router
React Router
1. Konzeptioneller Überblick
2. Grundkonzepte von React Router
ÜbersichtInstallation von React RouterAktivierung Der Routing-FunktionalitätRouten DefinierenErste Schritte ZusammenfassungKomponenten Mit Lazy Loading ImportierenImplementierung Einer Fallback-KomponenteZweite Schritte ZusammenfassungNavigation ErstellenDie Vollständige React Router Logik ErkundenZusammenfassung der Grundlagen von React Router
Überprüfung der Jüngsten Änderungen
Lassen Sie uns einen Moment innehalten, um die jüngsten Änderungen in unserer App zu überprüfen:
- Neue Route: Wir haben eine
/products
-Route in derApp.jsx
eingeführt, um die "Produkte"-Seite zu erstellen und die Funktionalität der App zu erweitern; - Erweiterte Navigation: Die Navigation in der
Bar.jsx
enthält jetzt einen Link zur "Produkte"-Seite, was es den Benutzern erleichtert, diese neue Ansicht zu erreichen; ProductsPage
-Komponente: Das Herzstück unserer "Produkte"-Seite ist dieProductsPage
-Komponente. Sie rendert und verwaltet Produktdaten und bietet ein interaktives Erlebnis.
Erkunden Sie die gesamte App im bereitgestellten Code Sandbox, um diese Updates in Aktion zu sehen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 4