react用<link to>传参接收不到解决办法

本文介绍了在React中使用``进行路由跳转时传参遇到的问题及其解决方法,强调了在Router.js中正确配置参数路径的重要性。同时,总结了React路由传参的三种方式:通过params、query和state,并提供了相应的代码示例。
摘要由CSDN通过智能技术生成
  <Link to="/AddPromotion/NewPromotion">

如图,我打算跳转时传入一个参数为“NewPromotion”,在相应页面通过如下方式接收:

 const orderSKU = props.match.params.id;

        但是打印出来为空,经检查是 Router.js文件有问题,之前写法 

<Route path="/AddPromotion" component={AddPromotion} />

是有问题的,应该加上:id 表示携带的参数:

    <Route path="/AddPromotion/:id" component={AddPromotion} />

 改为上图正确写法后,打印出接收的参数了:

 再复习一下传参的几种方式:

React路由传参的三种方式
   方式 一:
         通过params
        1.路由表中      
               <Route path=' /sort/:id '   component={So

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值