Bagaimana untuk melompat dalam laluan tindak balas 4.0

Kaedah lompat laluan React4.0: 1. Pasang "history" melalui "npm install history --save"; 2. Dalam fail js yang sepadan dengan tempat yang hendak dilompat, perkenalkan createHashHistory dan laksanakan kod " import { createHashHistory } daripada 'history'createHashHistory().push('/share')" boleh dilakukan.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi React-Router v4.0, komputer Dell G3.

Bagaimana untuk mengubah hala laluan dalam bertindak balas 4.0?

HashRouter React-Router v4.0 menggunakan js untuk melompat

HashRouter tidak lagi disyorkan pada React-Router v4.0 BrowserRouter terutamanya disyorkan, tetapi penggunaan browserRouter memerlukan kerjasama pelayan. Ia mungkin menyebabkan kesulitan, tetapi kadangkala anda masih perlu menggunakan hashRouter.

Berikut ialah langkah pelaksanaan hashRouter melompat dalam mod js dalam v4.0 React-Router.

v4.0 menanggalkan sejarah, jadi untuk mengendalikan sejarah, anda perlu memasang pakej sokongan:

npm install history --save

Dalam fail js yang sepadan dengan tempat yang anda ingin lompat, perkenalkan createHashHistory dan laksanakan kod tersebut. Ambil lompat ke '/share' sebagai contoh:

import { createHashHistory } from 'history'
createHashHistory().push('/share')

ok.

Sebelum menggunakan kaedah di atas untuk melompat, anda perlu mengesahkan bahawa Penghala telah ditentukan Anda boleh merujuk kepada kod berikut:

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>

Pembelajaran yang disyorkan: "react. tutorial video"

Atas ialah kandungan terperinci Bagaimana untuk melompat dalam laluan tindak balas 4.0. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!