Heim >Web-Frontend >Front-End-Fragen und Antworten >Was sind die gemeinsamen Komponenten des Reaktionsroutings?

Was sind die gemeinsamen Komponenten des Reaktionsroutings?

青灯夜游
青灯夜游Original
2022-03-21 18:17:112525Durchsuche

Gemeinsame Komponenten des React-Routings sind: 1. BrowserRouter, Routing-Modus auf Hash einstellen; , usw.

Was sind die gemeinsamen Komponenten des Reaktionsroutings?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Reaktionsversion 17.0.1, Dell G3-Computer.

React Routing bietet eine detaillierte Erklärung häufig verwendeter Komponenten

BrowserRouter

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 und RouteApp (oder andere Komponente)NavLink|LinkRouteRedirectUnterkomponenteNavLink|LinkRouteBrowserRouterTypBasisnamegetUserConfirmation. Route Eine Route ohne Pfadattribut stimmt immer überein. exactboolean 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

Link


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
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
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.)

Children Redirect Eigenschaften von
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

bisString Objektgo PushpushBoolescher Wert Redis-Video-Tutorial 】

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn