首页 > 其他分享 >#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)

#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)

时间:2023-03-02 17:05:28浏览次数:46  
标签:传参 歌谣 React localStorage 跳转 时候 页面


 

目录

​​前言​​

​​需求​​

​​ 解决方案​​


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

需求

React工作记录三中对页面跳转参数较短得时候进行了数据处理 ,我们页面跳转得时候可以

获取到对应得数据 当数据过长 数据会存在一个丢失得情况

skip?a=xxxx&b=xxxxxx&c=xxxxx&d=xxxxxxxx

#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)_解决方案

 解决方案

这个时候我们可以采用localStorage和sessionStorage进行一个存值

在下个页面设置得时候永setItem(a,'xxxxx') 获取得时候永getItem('a')

获取对应得值 可别忘记json数据之间得转换


标签:传参,歌谣,React,localStorage,跳转,时候,页面
From: https://blog.51cto.com/u_14476028/6096449

相关文章

  • SpringBoot内部方法之间跳转
    从controller的一个方法跳转到另一个方法中可以通过重定向实现,重定向具体语法:redirect:要访问的网址具体请看下面示例:@Controller@RequestMapping("/user")publicclass......
  • java - 跳转控制17
    packagecom.demo.test;importjava.util.Scanner;publicclassskip{publicstaticvoidmain(String[]args){Scannersc=newScanner(System.in......
  • react-native webView网页调试之setWebContentsDebuggingEnabled使用
    Android使用方法首先,我们需要在应用程序中调用WebView.setWebContentsDebuggingEnabled(true);文件位置:在MainActivity.java的onCreate方法内(在android/app/src/ma......
  • docker+react+nginx部署
    一、准备工作1、先确保项目可以正常运行。2、如果拉代码到Linux下进行打包,注意node版本,我就是版本不同,yarnbuild一直不成功。3、找一个nginx的配置文件ngi......
  • react的react-devtools 工具
    步骤1:访问react-devtools工具网址:https://gitcode.net/mirrors/facebook/react-devtools?utm_source=csdn_github_accelerator步骤二:克隆到本地,打开克隆后的......
  • jmeter传参中文插入数据,业务系统显示乱码
    在jmeter传参含中文的请求中,将编码设置为:UTF-8即可现象:解决方法:  ......
  • zustand react ts使用
    一款redux替代品的状态管理 实现:react状态管理ts支持数据持久化储存store模块封装三种引入使用的方法 1、installnpminstallzustand#oryarnaddzusta......
  • 2023-03-01 react-native 实现 复制功能 @react-native-community/clipboard 报错:Type
    我的react-native(下称rn)版本为0.68,要实现这个功能主要用到rn的clipboard,在21年的时候他就已经提示clipboard会在未来的版本中上去掉,官方的建议是不要再从react-native引入,......
  • vue3的ref、reactive、toRefs特性详解
    了解ref()、reactive()这两个特性之前,我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name,通过点击事件handle来改变name的值是通过如下方式写的。......
  • Vue3 reactive的理解
    1.什么是reactive?reactive是Vue3中提供实现响应式数据的方法.在Vue2中响应式数据是通过defineProperty来实现的.而在Vue3响应式数据是通过ES6的Proxy来实现的2.rea......