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

简介: 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)


前言

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

需求

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

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

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

解决方案

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

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

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

     

相关文章
|
前端开发
react跳转锚点
react跳转锚点
257 1
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
417 2
|
前端开发
react如何跳转页面?
react如何跳转页面?
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
527 2
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件,包括参数和方法,如行选择(rowSelection)、页码(pageNum)、页面大小(pageSize)、分页方法等,以简化在不同表格组件中的重复代码。
448 0
|
前端开发 JavaScript
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
936 0
|
前端开发 索引
react怎么做到点击传参
react怎么做到点击传参
150 0
|
JavaScript 前端开发 小程序
react-router4.2使用js控制路由跳转的3种方式
react-router4.2使用js控制路由跳转的3种方式
154 0
|
前端开发
react跳转传参方式
react跳转传参方式
172 0
|
前端开发 Java
react 路由传参总结
react 路由传参总结
129 0