Heim > Web-Frontend > Front-End-Fragen und Antworten > So springen Sie in die React 4.0-Route ein

So springen Sie in die React 4.0-Route ein

藏色散人
Freigeben: 2023-01-06 09:50:03
Original
1606 Leute haben es durchsucht

React4.0-Routensprungmethode: 1. Installieren Sie „history“ über „npm install History --save“ 2. Führen Sie in der js-Datei, die dem zu überspringenden Ort entspricht, createHashHistory ein und führen Sie den Code „import { createHashHistory }“ aus. aus 'history'createHashHistory().push('/share')".

So springen Sie in die React 4.0-Route ein

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React-Router v4.0-Version, Dell G3-Computer.

Wie leitet man Routen in React 4.0 um?

React-Router v4.0 hashRouter verwendet js zum Springen

React-Router v4.0 hat die Verwendung von hashRouter abgelehnt, da die Verwendung von browserRouter jedoch die Zusammenarbeit des Servers erfordert Dies kann zu Unannehmlichkeiten führen. Manchmal ist es dennoch erforderlich, hashRouter zu verwenden.

Im Folgenden sind die Implementierungsschritte des HashRouter-Springens im JS-Modus in React-Router v4.0 aufgeführt.

v4.0 entfernt den Verlauf. Um den Verlauf nutzen zu können, müssen Sie also das Support-Paket installieren:

npm install history --save
Nach dem Login kopieren

In der js-Datei, die der Stelle entspricht, zu der Sie springen möchten, führen Sie createHashHistory ein und führen Sie den Code aus, um zu „/share“ zu springen ' zum Beispiel:

import { createHashHistory } from 'history'
createHashHistory().push('/share')
Nach dem Login kopieren

Schon ok.

Bevor Sie die oben beschriebene Methode zum Springen verwenden, müssen Sie bestätigen, dass der Router definiert wurde. Sie können sich auf den folgenden Code beziehen:

import { HashRouter as Router, Route, Switch } from 'react-router-dom'
...
<Router>
  <App>
    <Switch>
      <Route path=&#39;/index&#39; component={显示的组件1}>
      <Route path=&#39;/share&#39; component={显示的组件2}>
      ...
    </Switch>
  </App>
</Router>
Nach dem Login kopieren

Empfohlenes Lernen: „Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonSo springen Sie in die React 4.0-Route ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage