Heim > Artikel > Web-Frontend > Was sind die gemeinsamen Komponenten des Reaktionsroutings?
Gemeinsame Komponenten des React-Routings sind: 1. BrowserRouter, Routing-Modus auf Hash einstellen; , usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Reaktionsversion 17.0.1, Dell G3-Computer.
Der Konventionsmodus ist Verlauf unter Verwendung von HTML5. Die bereitgestellte Verlaufs-API sorgt dafür, dass die Benutzeroberfläche und die URL synchronisiert bleiben NaviLink
Match-Komponenten anzeigen und Komponenten anzeigen. Das heißt, nachdem der Abgleich erfolgreich war, wird die Komponente sofort durch die passende Komponente ersetzt. Wenn Sie keine Inklusivität verwenden möchten, verwenden Sie Switch. Komponenten höherer Ordnung mit Router | BrowserRouter|HashRouter | |||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Route | Redirect | Unterkomponente | ||||||||||||||||||||||||||||||||||||
Route | … | |||||||||||||||||||||||||||||||||||||
Eigenschaft | ||||||||||||||||||||||||||||||||||||||
Funktion | ||||||||||||||||||||||||||||||||||||||
Zeichenfolge | Die Basis-URL für alle Standorte. Wenn Ihre App von einem Unterverzeichnis auf dem Server bereitgestellt wird, müssen Sie sie als Unterverzeichnis einrichten. Ein wohlgeformter Basisname sollte mit einem Schrägstrich beginnen, aber nicht mit einem Schrägstrich enden. | |||||||||||||||||||||||||||||||||||||
Funktion | Die Funktion zur Bestätigung der Navigation. Verwenden Sie standardmäßig | . Route Eine Route ohne Pfadattribut stimmt immer überein.|||||||||||||||||||||||||||||||||||||
boolean | ist wahr und erfordert eine vollständige Pfadübereinstimmung (/home). Routen sind standardmäßig „eingeschlossen“ (sowohl / als auch /home stimmen überein), was bedeutet, dass mehrere Routen gleichzeitig abgeglichen und gerendert werden können Adressübereinstimmungen werden gerendert, Routen-Requisiten werden ebenfalls zusammen gerendert |
Attribute | Typ | Funktion |
---|---|---|
zu | String |. Objekt {Pfadname:,Suche:,Hash:} | Der Pfad oder die Adresse zum Springen |
ersetzen | boolean | Ob der Verlaufsdatensatz ersetzt werden soll |
NavLink
Attribute | Type | Function |
---|---|---|
to | string|object{pathname:,search: , hash:} | Der Pfad oder die Adresse zum Springen |
ersetzen | boolean | Ob der Verlaufsdatensatz ersetzt werden soll |
activeClassName | string | Wenn das Element ausgewählt ist, legen Sie den Auswahlstil fest Standardwert ist aktiv |
activeStyle | object | Wenn das Element ausgewählt ist, legen Sie den ausgewählten Stil fest |
Switch
Diese Komponente wird verwendet, um die erste Route oder Umleitung der passenden Adresse zu rendern, und rendert nur eine Route, exklusives Routing, standardmäßige vollständige Übereinstimmung (Szenario: Seitenleiste, Führungsregisterkarte usw.)
Knoten | ||
---|---|---|
Diese Komponente wird verwendet, um die erste Route oder Umleitung zu rendern, die mit der Adresse übereinstimmt. Sie rendert nur eine Route, exklusive Route, standardmäßig vollständige Übereinstimmung (Szenario: Seitenleiste und Breadcrumbs, Boot-Tabs usw. | ||
Typ | Rolle |
Stringvon
go Push | push | |
---|---|---|
Das obige ist der detaillierte Inhalt vonWas sind die gemeinsamen Komponenten des Reaktionsroutings?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!