1、直接点击跳转页面:
方法一:
<a href="跳转路径>点击跳转</a>
方法二:
<Link to="跳转路径">点击跳转</Link>
2、点击按钮之后跳转:
引入:
import { hashHistory } from 'react-router';
在方法里面加入:
hashHistory.push('跳转路径'
3、browserHistory带参数跳转
import{browserHistory}from'dva/router';
browserHistory.push('/orders/orderdetail?oderId='+item.order);
在router里面设置路径的时候不需要加入参数
path:'orders/orderdetail',
4、关于路由获取参数的问题:
location.pathname 设置或获取对象指定的文件名或路径。
location.href 设置或获取整个 URL 为字符串。
location.port 设置或获取与 URL 关联的端口号码。
location.protocol 设置或获取 URL 的协议部分。
location.hash 设置或获取 href 属性中在井号“#”后面的分段。
location.host 设置或获取 location 或 URL 的 hostname 和 port 号码。
location.search 设置或获取 href 属性中跟在问号后面的部分。
routerRedux路由跳转
1、不带参数跳转:
dispatch(routerRedux.push({
pathname : '/couponDetail',
}))
2、带参数跳转
dispatch(routerRedux.push({ pathname : '/couponDetail', query:要携带的参数object }))
注意:通过location.query.参数字段来获取参数值
3、在effect里面跳转
yield put (routerRedux.replace({ pathname: '/domains/buy/pay', query: payload }));