react-router5.x 的配置及其页面跳转方法和js跳转方法

上次用react-router 的时候  还是3.x 很久不用 已经到react-router5.x 了  

废话不多说 上代码

配置

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

....

          
              
点击跳转到a
              
              
              
点击跳转到b
              
            
                
                
                
                
            
        
....

js 跳转方法

import { createHashHistory,createBrowserHistory } from 'history'; // 是hash路由 history路由 自己根据需求来定

const history = createHashHistory();

...
 history.push('/a');
...