ant design列表页,转跳到详情页,携带参数

10 篇文章 0 订阅
5 篇文章 0 订阅

在列表页中,需要查看某条数据的详情,点击查看,然后进入详情页,详情页获取参数,并根据参数请求接口数据。

路由配置

    '/equipment/list': {
      component: dynamicWrapper(app, ['equip'], () => import('../page/Equipment/List')),
    },
    '/equipment/detail/:id': { 
      component: dynamicWrapper(app, ['equipdetail'], () => import('../page/Equipment/Detail')),
    },
# list.js
import { Link } from 'dva/router';

<Link to={`/equipment/detail/${record.id}`}>查看</Link>     

# detail.js
const params = {
  id:this.props.match.params.id
};

方案二:使用a

# list.js
<a href={'#/equipment/detail/'+record.id}>查看</a>    

# detail.js
const params = {
  id:this.props.match.params.id
};

说明:最开始觉得a标签会刷新外围的框架布局,但是实际观察网络请求,发现两者并没有区别,但是或许有啥区别,只是我现在没有发现或者察觉,欢迎留言探讨

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值