antd 路由跳转方式
2020-01-13 本文已影响0人
第2世界
https://www.jianshu.com/p/b58a7f059327
这里做个记录。
- 直接点击跳转页面：
<a href="跳转路径>点击跳转</a>
<Link to="跳转路径">点击跳转</Link>
- 点击按钮之后跳转：
import { hashHistory } from 'react-router';
hashHistory.push('跳转路径')
- browserHistory带参数跳转
import{browserHistory}from'dva/router';
browserHistory.push('/orders/orderdetail?oderId='+item.order);
//在router里面设置路径的时候不需要加入参数
//path:'orders/orderdetail',
- 关于路由获取参数的问题：
| 参数 | 说明 |
|---|---|
| location.pathname | 设置或获取对象指定的文件名或路径。 |
| location.href | 设置或获取整个 URL 为字符串。 |
| location.port | 设置或获取与 URL 关联的端口号码。 |
| location.protocol | 设置或获取 URL 的协议部分。 |
| location.hash | 设置或获取 href 属性中在井号“#”后面的分段。 |
| location.host | 设置或获取 location 或 URL 的 hostname 和 port 号码。 |
| location.search | 设置或获取 href 属性中跟在问号后面的部分。 |
routerRedux路由跳转
- 不带参数跳转：
dispatch(routerRedux.push({
pathname : '/couponDetail',
}))
- 带参数跳转
dispatch(routerRedux.push({ pathname : '/couponDetail', query:要携带的参数object }))
注意：通过location.query.参数字段来获取参数值
- 在effect里面跳转
yield put (routerRedux.replace({ pathname: '/domains/buy/pay', query: payload }));
