美文网首页
antd 路由跳转方式

antd 路由跳转方式

作者: 第2世界 | 来源:发表于2020-01-13 13:04 被阅读0次

    https://www.jianshu.com/p/b58a7f059327

    这里做个记录。

    1. 直接点击跳转页面:
    <a href="跳转路径>点击跳转</a>
    <Link to="跳转路径">点击跳转</Link>
    
    1. 点击按钮之后跳转:
    import { hashHistory } from 'react-router';
    hashHistory.push('跳转路径')
    
    1. browserHistory带参数跳转
    import{browserHistory}from'dva/router';
    browserHistory.push('/orders/orderdetail?oderId='+item.order);
    //在router里面设置路径的时候不需要加入参数
    //path:'orders/orderdetail',
    
    1. 关于路由获取参数的问题:
    参数 说明
    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',
     }))
    
    1. 带参数跳转
    dispatch(routerRedux.push({ pathname : '/couponDetail', query:要携带的参数object }))
    

    注意:通过location.query.参数字段来获取参数值

    1. 在effect里面跳转
    yield put (routerRedux.replace({ pathname: '/domains/buy/pay', query: payload }));
    

    相关文章

      网友评论

          本文标题:antd 路由跳转方式

          本文链接:https://www.haomeiwen.com/subject/nkigactx.html