react如何把location下state面的参数序列化保存到url

请问你是小飞飞嘛 2020-07-23 06:10:52

react路由有个state状态，我把参数全部保存在里面，取值都是用this.props.location.state.xxx，后来在复制url到新页面时，发现state为undefined，我就把state里面的参数序列化保存到url，在复制url到新页面或者路由跳转的时候可以反序列化更新路由state

...全文

134 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

大型自研项目考虑到后期的扩展和自定义往往会选择使用React作为技术栈； React与Vue在框架设计上有极高的相似度，上手React以后，我们可以轻松过渡到Vue的学习；课程特色零基础教学，由浅入深，轻松诙谐，物超所...

语法 pushState history.pushState(state, title[, url]) ... 因为Firefox将状态对象保存到用户的磁盘上，以便用户重新启动浏览器后可以将其还原，所以我们对状态对象的序列化表示施加了640k个字符的大小限制

比如说，下面这个跳转链接通过新开标签页打开，虽然提供了 state 属性，但是由于 history state 不能跨标签页传递，所以在新开的页面获取不到这个 state 的，设置也是白设置。 import React from 'react'; import { ...

使用 react 经常会遇到几个组件需要共用状态数据的情况。... bind(this) } handleChange(e) {在组件初始化的时候通过this.state 给组件设置一个初始化的state，第一次render的时候会用state来渲染组件。

React-Router 是一个用于在 React 应用中实现页面导航和路由管理的库。...你可以将路由映射到特定的URL，当用户在浏览器中访问这些 URL 时，React-Router 将会根据配置的规则找到对应的组件并将其渲染到页面上。

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章