React中如何跳转页面传参localStorage和sessionStorage(参数较长)

简介: React中如何跳转页面传参localStorage和sessionStorage(参数较长)

需求

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


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


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




解决方案

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


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


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




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