导入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标签所在位置.
this.props.history.push('路由地址') this.props.history.replace('路由地址') 区别： push:
问题说明： 在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下 ![3b2afef13409193c29d0759b8abcfff3.png][]，
react跳转页面的话，可以用 Link 也可以用 a 标签，但是这两种比较固定，如果想在跳转的时候添加一些方法就很不方便，所以我们最好是写在 onClick 事件里面
react-redux中实现页面跳转 由于react-router版本变化，网上好些资料跑步起来。 当前使用版本如下: "react-router": "^4
http://www.devio.org/2018/05/15/navigator-to-react-navigation/ 贾鹏辉博客 下载
你需要先执行： yarn add react-navigation or with npm npm install --save react-na
导入react-router-dom模块 import { Route,Link, NavLink } from 'react-router-dom' react页
àì夳堔傛蜴生んèń
太过爱你忘了你带给我的痛
秒速五厘米
野性酷女
还没有评论，来说两句吧...