相关文章推荐
深沉的创口贴  ·  将字符串列转换为JSON并在PySpark中解析·  1 年前    · 
个性的木耳  ·  院长:苗青-浙大宁波理工学院商学院·  2 年前    · 
读研的木耳  ·  关于window.getSelection_ ...·  2 年前    · 
淡定的钥匙  ·  react+antd+react-cropp ...·  2 年前    · 
潇洒的大熊猫  ·  内存数据库SQLite和H2比较_ly498 ...·  2 年前    · 
Code  ›  在React中如何使用history.push传递参数开发者社区
https://cloud.tencent.com/developer/article/1921510
一身肌肉的剪刀
2 年前
作者头像
挥刀北上
0 篇文章

在React中如何使用history.push传递参数

原创
前往专栏
腾讯云
备案 控制台
开发者社区
学习
实践
活动
专区
工具
TVP
文章/答案/技术大牛
写文章
社区首页 > 专栏 > Node.js开发 > 正文

在React中如何使用history.push传递参数

原创
发布 于 2021-12-19 15:12:57
11.1K 0
举报

在React中如何使用history.push传递参数主要有三种方式:

第一种如下:

this.props.history.push{undefined
  pathname:'/router/url/send',
  query:{
    'oneFlag':one,
  }

接收情况如下:

this.props.location.query.oneFlag

其路由路径显示:

'#/router/url/send?oneFlag=one'

第二种情况如下:

this.props.history.push{undefined
 pathname:'/router/url/send',
 state:{
  'oneFlag':one,
}

接收情况如下:

this.props.location.state.oneFlag // one

其路由显示:

'#/router/url/send'

第三种情况需要在配置路由时,将路由配置为rest格式路由,

      {
        path: '/device/detail/:id',
        component: DeviceDetail,
        pageConfig: {
 
推荐文章
深沉的创口贴  ·  将字符串列转换为JSON并在PySpark中解析
1 年前
个性的木耳  ·  院长:苗青-浙大宁波理工学院商学院
2 年前
读研的木耳  ·  关于window.getSelection_window.getselection()_xiao xu的博客-CSDN博客
2 年前
淡定的钥匙  ·  react+antd+react-cropper裁剪图片组件封装 - 简书
2 年前
潇洒的大熊猫  ·  内存数据库SQLite和H2比较_ly4983的博客-CSDN博客
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号