https://blog.csdn.net/sinat_37255207/article/details/90745207

上次用react-router 的時(shí)候? 還是3.x 很久不用 已經(jīng)到react-router5.x 了??

廢話不多說(shuō) 上代碼

配置

react: ^16.8.6,

react-dom: ^16.8.6,

react-router: ^5.0.0,

react-router-dom: ^5.0.0,

?

import {HashRouter as Router,Route,Link,BrowserRouter ,Switch,Redirect} from 'react-router-dom';.... <Router><Link to="/a" style={{color:'black'}}><div>點(diǎn)擊跳轉(zhuǎn)到a</div></Link><Link to="/b" style={{color:'black'}}><div>點(diǎn)擊跳轉(zhuǎn)到b</div></Link><Route exact path='/' component={App1}/><Route path='/a' component={App1}/><Route path='/b' component={App2}/></Router>

js 跳轉(zhuǎn)方法

import { createHashHistory,createBrowserHistory } from 'history'; // 是hash路由 history路由 自己根據(jù)需求來(lái)定 const history = createHashHistory();...history.push('/a'); ...

?

轉(zhuǎn)載于:https://www.cnblogs.com/tianmiaogongzuoshi/p/10965062.html

總結(jié)

以上是生活随笔為你收集整理的react-router5.x 的配置及其页面跳转方法和js跳转方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。