react 重定向继承url参数

这里踩到一个隐性问题,先描述问题:
路由结构:
- /home(index.tsx)
----------- children:[
----------- /home,//默认页home.tsx
-----------/home/about
------------ ]
- /details
问题:/home,跳转到/details,然后home有代码设定home?id=123456,会获取id,执行请求并跳转到/details,(你们不需提出流程问题,项目相关业务与场景不便解释说明),问题来了,
我在home的index.tsx下面有是处理以前的地址正确跳转项目新地址,导致在其他页面输入home?id=123456,触发了重定向,就id丢失了,导致我在home怎么都拿不到id,因为地址输入正常,完全没想到会触发重定向
就比如我现在,在 /details,复制链接https://****/home?id=123456,以为是在home页面接收到id,结果按下回车。id就没了,就是触发了Redirect,但是重定向没有附带参数,导致在home.tsx里面拿不到id,

处理:在重定向继承url参数即可

<Redirect
            to={{
              pathname: '/home',
              search: `${this.props.history.location.search}`,
            }}
          />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值