社区
JavaScript
帖子详情
react如何把location下state面的参数序列化保存到url
请问你是小飞飞嘛
2020-07-23 06:10:52
react路由有个state状态,我把参数全部保存在里面,取值都是用this.props.location.state.xxx,后来在复制url到新页面时,发现state为undefined,我就把state里面的参数序列化保存到url,在复制url到新页面或者路由跳转的时候可以反序列化更新路由state
...全文
135
回复
打赏
收藏
react如何把location下state面的参数序列化保存到url
react路由有个state状态,我把参数全部保存在里面,取值都是用this.props.location.state.xxx,后来在复制url到新页面时,发现state为undefined,我就把state里面的参数序列化保存到url,在复制url到新页面或者路由跳转的时候可以反序列化更新路由state
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
改变路由不刷新页
面
语法 push
State
history.push
State
(
state
, title[,
url
])
参数
state
状态对象是一个JavaScript对象,它与push
State
()创建的新历史记录条目相关联。 每当用户导航到新状态时,都会触发pop
state
事件,并且该事件的状态属性包含历史记录条目的状态对象的副本。 状态对象可以是任何可以
序列化
的对象。 因为Firefox将状态对象
保存
到用户的磁盘上,以便用户重新启动浏览器后可以将其还原,所以我们对状态对象的
序列化
表示施加了640k个字符的大小限制
跨页
面
history
state
传递
背景 最近,在开发过程中遇到了一个 history
state
相关的问题。当新开标签页打开新的页
面
时,是无法传递 history
state
的。 问题样例 比如说,下
面
这个跳转链接通过新开标签页打开,虽然提供了
state
属性,但是由于 history
state
不能跨标签页传递,所以在新开的页
面
获取不到这个
state
的,设置也是白设置。 import
React
from '
react
'; import { Link } from '
react
-router-dom'; function T
校招前端二
面
常考
react
面
试题(边
面
边更)
使用
react
经常会遇到几个组件需要共用状态数据的情况。这种情况下,我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。我们来看一下具体如何操作吧。txt : "牛逼" } this . handleChange = this . handleChange . bind(this) } handleChange(e) {在组件初始化的时候 通过this.
state
给组件设置一个初始化的
state
,第一次render的时候会用
state
来渲染组件。
react
知识点汇总四--
react
router 和 redux
React
-Router 是一个用于在
React
应用中实现页
面
导航和路由管理的库。它提供了一种方式来创建单页应用(Single-Page Application,SPA),其中页
面
的切换是在客户端进行的,而不需要每次跳转都向服务器请求新的页
面
。使用
React
-Router,你可以定义应用的路由规则,并且根据这些规则渲染不同的组件。你可以将路由映射到特定的
URL
,当用户在浏览器中访问这些
URL
时,
React
-Router 将会根据配置的规则找到对应的组件并将其渲染到页
面
上。
React
中的路由
react
-router
React
中的路由
react
-router
URL
的hash
URL
的hash就是锚点,本质上是改变window.
location
的href属性; 我们可以直接赋值
location
.hash来改变href,但是页
面
不发生刷新; <body> <div id="app"> <a href="#/home">首页</a> <a href="#/about">关于</a> <
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章