antd-路由跳转方式

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 }));


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容