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

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

路由配置

    '/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';

${record.id}`}>查看     

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

方案二:使用a

# list.js
'#/equipment/detail/'+record.id}>查看    

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

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

你可能感兴趣的:(学习笔记,React,Ant,Design)