【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跳转锚点
362 1
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
566 2
|
前端开发
react如何跳转页面?
react如何跳转页面?
|
前端开发 JavaScript
React配合axios请求拦截校验session,403跳转至登陆页面
React中使用axios进行请求拦截,通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
745 2
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件,包括参数和方法,如行选择(rowSelection)、页码(pageNum)、页面大小(pageSize)、分页方法等,以简化在不同表格组件中的重复代码。
624 1
|
JavaScript 前端开发 小程序
react-router4.2使用js控制路由跳转的3种方式
react-router4.2使用js控制路由跳转的3种方式
294 0
|
前端开发
react跳转传参方式
react跳转传参方式
243 0
|
前端开发 Java
react 路由传参总结
react 路由传参总结
228 0
|
前端开发 API 网络架构
React-Router-URL参数
React-Router-URL参数
272 0
|
前端开发 JavaScript
React-Router-手动路由跳转
React-Router-手动路由跳转
394 0