React页面跳转

导入react-router-dom模块

import { Route,Link, NavLink } from 'react-router-dom'

react页面跳转最简单的就是Link标签或者NavLink标签实现a标签的跳转,路径写在to属性里面

例如

<NavLink to='/home' activeClassName='active'>
     span>首页</span>
</NavLink>
<Link to='/home'>
     span>首页</span>
</Link>

<Route path="/home" component={Home}></Route>

然后在需要显示页面的地方添加Route标签即可.

然后就是手动控制跳转:

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

这个也会跳转到Route标签所在位置.