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
Erste Schritte Zusammenfassung
Nehmen wir uns einen Moment Zeit, um zu pausieren und zu überprüfen, was wir bisher in unserem Projekt erreicht haben. Es ist wichtig, ein solides Verständnis der Konzepte zu gewährleisten, die wir behandelt haben, und was bisher getan wurde.
Es ist wichtig zu beachten, dass der im Code Sandbox bereitgestellte Code Fehler enthält. Die Fehler resultieren daraus, dass die notwendigen Komponenten, die für das Rendering erforderlich sind, wie HomePage, AboutPage und ContactsPage, nicht importiert wurden. Im nächsten Kapitel werden wir dieses Problem angehen und die korrekte Syntax für das Importieren von Komponenten demonstrieren.
1. Wie können Sie überprüfen, ob das react-router-dom-Paket erfolgreich zu Ihrem Projekt hinzugefügt wurde?
2. Welches Komponente ist erforderlich, um die React Router-Bibliothek in einer Anwendung zu aktivieren?
3. Welche Komponenten stellt React Router zur Definition von Routen bereit?
4. Was gibt das <Route>-Attribut der path-Komponente an?
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 5
