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
URL in der Praxis
Um ein umfassendes Verständnis der URL-Struktur zu erlangen, lassen Sie uns ein Beispiel aus der Praxis analysieren:
https://
- gibt das HTTPS-Protokoll an, das eine sichere Datenübertragung gewährleistet;vitali.com/
- Die Hostkomponente identifiziert die Domain oder Website, auf der sich die Ressource befindet;razor/3r2xe2fs
- Der Pfad gibt den genauen Ort innerhalb der Webanwendung an;?
- Das Fragezeichen kennzeichnet den Beginn der Abfragezeichenfolge;cat=sharp&stat=left
- ist die Abfragezeichenfolge;cat=sharp
- stellt ein Parameter-Wert-Paar dar, wobeicat
der Parameter ist undsharp
der entsprechende Wert;stat=left
- stellt ein Parameter-Wert-Paar dar, wobeistat
der Parameter ist undleft
der entsprechende Wert;&
- Das Ampersand-Symbol ist ein Trennzeichen, das mehrere Parameter innerhalb der Abfragezeichenfolge unterscheidet.
#chars
- ist das Fragment, ein Anker zu einem bestimmten Abschnitt auf der Seite.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 4