this.props.history.goBack() 返回上一个界面问题 页面刷新 问题

最新推荐文章于 2023-06-07 09:45:03 发布
最新推荐文章于 2023-06-07 09:45:03 发布
阅读量1.1w 收藏 2
点赞数 2
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37672347/article/details/98613474
版权

React Router 4.x 页面(路由)回退, 状态记忆功能

跳转到另外一个页面，返回保持页面状态和跳转前数据一致，

思路是：保存查询请求的数据

第一步：设置标记变量

markType标记是否是返回来的数据且切换数据，为0，分页没有切换数据，为其它，则调用table切换方法，使用原始result，不再使用传过来的result

第二步：设置参数

第三步：在跳转到页面设置返回按钮，获取参数，在跳回去，设置state

参考链接：https://blog.zenfery.cc/hexo/articles/react-router-4-goback.html

qq_37672347
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决ant Design中this.props.form.validateFields未执行的问题
01-18
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。 原因： 我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。 注意： 1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官网提示：可以选择通过 async 返回一个 promise 或者使用 try…catch进行错误捕获，具体查看官网form组件； 2、使用validator 时，自定义方法中 callback 必须被调用。
React回退上个页面及跳转下个页面
莉兹Liz的博客
12-17 4119
回退上个页面 React 不保存数据 this.props.history.goBack(); 浏览器原生 window.history.back(); React-Router、Redux 保存短数据 数据存储在location的query里，就是URL的问号后面的参数列表，同时在请求数据的 actionCreator 里，既要向服务器发送 query 里对应的请求参数，也要在返回的 act...
react跳转页面实现强制刷新
weixin_51409660的博客
06-07 1587
当使用umi中的history跳转页面但刷新时。
js 页面返回上页并刷新的问题
网站开发初中级代码参考-转载
09-20 159
刚开始我想用如下两行代码就行： history.go(-2); location.reload(); 事实证明这样不行，页面会一直刷新，原因是，第一句代码返回到前面的页了，不过第二句代码确实刷新了原来的页面。 最后的解决办法是不让浏览器存储网页信息，这样当返回的时候会自动重新加载页面。 在.net里面的解决方法是： Response.Cache.SetEx...
使用Umi的history向子页面传递数据
GCWsuger的博客
08-25 7620
在Umi官方文档中，给出了两种跳转页面的方式，这篇文章主要讲解使用history的方法进行跳转和传参的操作。 先给出代码 路由部分(.umirc.ts)： import { defineConfig } from 'umi'; export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index' }, //
reactrouter:无需刷新即可导航导航栏
05-11
该项目是通过引导的。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> 安装依赖项 导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器（Sass，Less等） 添加图像，字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义主题 增加流量 添加路由器 添加自定义环境变量 在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”错误 手动配置代理 配置WebSocket代理 在开发中使用HTTPS 在服务器上生成动态<met
react中路由相关跳转
weixin_40518538的博客
07-11 1823
1)this.props.history.goBack()      返回到上一页面,就是你跳转到这个页面的前一个页面,为什么使用这种方式呢,因为在今天写的过程中发现使用  this.props.dispatch(routerRedux.push({ pathname: `/person/policyForm/-1/${releasePersonId}`, ...
前进刷新，后退不刷新
红尘紫陌博客
05-16 288
首先在router/index.js中的routes中的每一项加上 meta: { keepAlive: false } 就按好像下面一样，注意，false代表不需要缓存，true代表需要缓存 { path: "/teamFun", name: "teamFun", component: teamFun, meta: { keepAlive: f...
VUE实现页面A传参跳转，同时页面B根据传来的参数执行搜索方法
qq_41129115的博客
11-02 2359
页面A点击查看按钮，获取所需参数并实现页面跳转，带参数。 //页面A //点击查看按钮，获得需要的参数 <el-button type="primary" @click = 'gotoAnxd(scope.row.bzmc,scope.row.ljdm)'>查看</el-button> //methods里的方法 gotoAnxd(bzmc,ljdm){ console.log('Apage'+bzmc,ljdm)
history.back(-1)和history.go(-1)返回上一个页面 刷新回退页
jievachange
05-31 9433
history.back(-1):直接返回当前页的上一页，不会刷新 history.go(-1):也是返回当前页的上一页，不会刷新 //返回上一个页面后进行刷新 window.location.replace(document.referrer) window.location.href=“上一个页面URL” ...
Vue.js组件props数据验证实现详解
10-16
主要为大家详细介绍了Vue.js组件props数据验证的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue.js组件使用props传递数据的方法
10-16
主要为大家详细介绍了Vue.js组件使用props传递数据的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
详解vue.js之props传递参数
10-18
给大家详细分析了vue.js之props传递参数的相关知识以及问题解决方法，需要的朋友参考下吧。
prop-types.js 用于对 props 进行限制
最新发布
09-27
prop-types.js； 用于React对 props 进行限制； React库文件；
react添加监听事件监听键盘事件
qq_37672347的博客
06-21 7843
1，react添加监听事件监听键盘事件 参考： 记录下确认框confirm代码：
正则 （手机号，座机， 密码8-16位字母与数字校验）
qq_37672347的博客
06-21 4807
// 手机号和座机号校验 checkTel = (rule, value, callback) => { console.log(value); if (!value) { callback('电话不能为空'); // 校验不通过 return false; } else { const isPhone = /^([0...
react 中使用高德地图 根据输入的地点名称 获取经纬度（逆地址解析）获取当前坐标
qq_37672347的博客
07-23 4146
第一步：引入地图api js ，地图容器id，初始化 <div id="add-notice-container" name="container" tabIndex="0"/> showModal = (props, event) => { if (props === 1) {// 复制通告 this.getDa...
audio 获取时长方法 （react）
qq_37672347的博客
08-15 3941
方法一：创建audio标签，播放之后获取duration let audioE = document.createElement("audio"); // 获取时长 audioE.src = configUrl.photoUrl + res.key; audioE.load(); audioE.oncanplay = function () { setTimeout(()=> {...
this.props.history.jump
05-25
这段代码看起来像是使用了React Router的history对象的自定义方法。然而，React Router并没有...这样就可以在React组件中使用`this.props.history.jump('/new-page')`来跳转到新的页面，并且在跳转后滚动到页面顶部。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值