react4.0路由如何跳轉

這篇文章主要介紹“react4.0路由如何跳轉”，在日常操作中，相信很多人在react4.0路由如何跳轉問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”react4.0路由如何跳轉”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

react4.0路由跳轉的方法：1、通過“npm install history --save”安裝“history”；2、在要跳轉的地方對應的js文件中，引入createHashHistory并執行代碼“import { createHashHistory } from 'history'createHashHistory().push('/share')”即可。

react 4.0 路由跳轉的方法

React-Router v4.0 hashRouter使用js跳轉

React-Router v4.0上已經不推薦使用hashRouter，主推browserRouter，但是因為使用browserRouter需要服務端配合可能造成不便，有時還是需要用到hashRouter。

下面是v4.0的React-Router中hashRouter以js方式跳轉的實現步驟。

v4.0剝離了history，所以要操作history，需要安裝支持包：

npm install history --save

在要跳轉的地方對應的js文件中，引入createHashHistory并執行代碼，以跳轉到'/share'舉例：

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

已經ok了。

在使用上述方法跳轉之前，需要確認已經定義Router，可參考下述代碼：

import { HashRouter as Router, Route, Switch } from 'react-router-dom'
...
<Router>
  <App>
    <Switch>
      <Route path='/index' component={顯示的組件1}>
      <Route path='/share' component={顯示的組件2}>
      ...
    </Switch>
  </App>
</Router>

到此，關于“react4.0路由如何跳轉”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！