react-ant-design 携带id进行页面跳转
发布日期:2021-05-20 10:06:21 浏览次数:22 分类:技术文章

本文共 457 字,大约阅读时间需要 1 分钟。

1、应用场景:在表格列表中你需要跳转查看数据列表的详情,那么这个时候你就需要携带数据的id进行跳转了。

2、首先,我们使用的是react中的routerRedux进行跳转,所以在头部需要先进行引入

import {
routerRedux } from 'dva/router';

3、进行跳转

// 点击报名主题 进入报名详情页面  handleGoToDetail = (Id) => {
const {
dispatch } = this.props; dispatch( routerRedux.push({
pathname: `/文件名/文件名/${
Id}`, //这里绑定了对应的id }) ) }

4、id在事件绑定相应位置进行了绑定

{
text}

5、最后需要在router中的path路径进行绑定

path: '/文件名/文件名/:registrationId',

6、OK

转载地址:https://blog.csdn.net/weixin_45416217/article/details/103968011 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:react-ant-design组件封装抽取之表格页面封装举例(组件封装方法)
下一篇:React中拼接HTML代码,后端返回的是<p>段落</p>格式文件举例

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月28日 05时23分12秒