游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    17712677918

    电子邮件

    857020071@qq.com
  • 扫描二维码

    关注微信公众号

推荐阅读
sxadmin 管理员
江苏省苏州市 | 互联网
  • 关注0
  • 粉丝0
  • 帖子175
热议话题
Node.js 简介
2021-08-28 0
Node.js 是一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目
精选帖子

umi+react开发中,使用history.push中的state传参,接收参数的页...

[复制链接]
sxadmin 发表于 2024-8-6 15:16:00 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
问题描述:在开发过程中,使用history.push中的state传参,页面中使用props.location.state接收参数,在开发环境中,没有问题,当在服务器端部署上线时,发现在页面中使用state接收的参数,在浏览器刷新之后丢失,导致页面报错

  history.push({
            pathname: '/projectFile',
            state: {
              id: res?.data?.project?.id,
              projectName: projectInputValue,
            },
          });
解决办法:在页面跳转拿到参数之后,将参数保存到sessionStorage中,浏览器在后续拿数据从sessionStorage中获取,完美解决

  let urlData: any;
  if (props.location.state) {
    urlData = props.location.state;
    sessionStorage.setItem('urlData', JSON.stringify(urlData));
  } else {
    urlData = JSON.parse(sessionStorage.getItem('urlData')); }

————————————————

                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/znhyXYG/article/details/129661754





上一篇:JQuery 知识点总结
下一篇:webpack基础学习,各个loader和plugin的具体配置
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

icitu.com 信息谷-icit软硬件产品营销与行业智慧化解决方案实施供需对接空间,信息人家园-信息人之间互助互惠互利的资源整合空间,icit人团结起来帮助人们沟通与建设,icit unite to help people communicating&constructing。
0512-68181818
关注我们
  • 访问移动手机版
  • 官方微信公众号

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc. 优康设计 ( 苏ICP备10066271号-2 )|网站地图