react路由

1,安装npm i  react-router-dom   建议使用5.3.0版本.

2,导入路由的三个核心组件 Router/Route/Link

import {BrowserRouter as Router ,Route,Link} from 'react-router-dom'

3,使用router组件包裹整个的应用

<Router>
<div className="app">

.....页面内容
</div>

</Router>

4,使用Link组件作为导航菜到(路由入口)

<Link  to="/first"> 页面1</Link>

5,使用Route组件匹配路由规则和要展示的组件(路由出口)

 

<Router>

  <div className="app">

     <Link  to="/first"></Link>

     <Route path="/first" component={First}></Route>

  /div>
 
</Router>

 二,编程式导航

   this.props.history.push('/home')

   this.props.go(-1)