So springen Sie in die React 4.0-Route ein

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

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

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

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>

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!