在列表页中,需要查看某条数据的详情,点击查看,然后进入详情页,详情页获取参数,并根据参数请求接口数据。
路由配置
'/equipment/list': {
component: dynamicWrapper(app, ['equip'], () => import('../page/Equipment/List')),
},
'/equipment/detail/:id': {
component: dynamicWrapper(app, ['equipdetail'], () => import('../page/Equipment/Detail')),
},
方案一:使用Link
# 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标签会刷新外围的框架布局,但是实际观察网络请求,发现两者并没有区别,但是或许有啥区别,只是我现在没有发现或者察觉,欢迎留言探讨