react 为A页面设置1秒刷新一次的定时刷新方法，接口刷新速度太快，在页面切换到B页面的时候，A页面的刷新方法还会一直执行，如何清除前一个页面的定时器？

最新推荐文章于 2023-08-09 15:13:33 发布

coderZzb

最新推荐文章于 2023-08-09 15:13:33 发布

阅读量1.1k

点赞数

分类专栏： React jquery/js 文章标签： js react

本文链接：https://blog.csdn.net/qq_28013889/article/details/119787063

版权

React 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

jquery/js

5 篇文章 0 订阅

订阅专栏

1、问题

react 为A页面设置1秒刷新一次的定时刷新方法，接口刷新速度太快，在页面切换到B页面的时候，A页面的刷新方法还会一直执行，而且来回点击的时候，调用的刷新接口会出现很多的问题

2、问题原因

可能是刷新频率太快，在清除定时器的时候，定时刷新的方法又执行了，导致跳到另一个页面的时候，该定时刷新的方法还存在，存在缓存的情况

3、解决方式

把定时刷新的时间调慢，改成了2秒执行一次，这样这个问题就暂时解决了，这是目前比较快的解决方式。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

coderZzb

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【React工作记录四十三】ant design From实时刷新

geyaoisnice的博客

03-01

467

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语歌谣歌谣为什么我的ant design Form更新日期的时候只能初始化更新一次解决思路 this.props.form.setFieldsValue({ activityTimeStamp: [ mom..

react 局部定时刷新数据

zm_miner的博客

10-30

8904

在react 中不想刷新整个页面, 只想定时刷新数据而已直接上代码 class Refresh extends React.Component { static propTypes = { classes: PropTypes.object, } constructor() { super(); this.state = { reload: fa...

参与评论您还未登录，请先登录后发表或查看评论

React实现页面定时刷新

liweiweili126的博客

04-17

2556

如果你使用了类似`window.location.reload()`这样的方法来强制页面重新加载，那么无论是否使用了`count`状态变量，页面都会被重新加载。在这个例子中，我们使用了`useEffect`钩子来在组件挂载时启动一个定时器，在5秒钟后调用`window.location.reload()`方法，强制浏览器重新加载页面。只有在使用`count`的代码中，当`count`更新时，React会重新渲染组件并更新DOM，从而导致页面重新渲染。因此，应该谨慎地使用此方法，并在确保必要时才使用它。

React 定时刷新接口

m0_58293192的博客

08-09

726

React 定时刷新接口

react-native定时任务

weixin_33721344的博客

05-12

431

react-native中有时候需要定时执行一些后台任务,比如定时发送消息,定时统计数据等.这个时候就需要使用另外注册一个视图来做这些东西了,不然在同步任务中做这些任务,一旦任务比较耗时就会卡住后面的进程,甚至导致后面的进程不再渲染页面. 注册另外一个入口在合适的位置:页面启动或者某个需要的时候,注册并启动我们的另外一个视图.这个时候其实相当于启动了另外一个线程. 这里注意一下,这个视图里的东西...

react-native之每隔一秒刷新页面

正在Android的学习路上

03-25

7403

react-native之每隔一秒刷新页面

前端面试（2）

weixin_46336091的博客

01-03

1149

一些不会渲染输出的节点，比如 script、meta、link 等。一些通过 css 进行隐藏的节点。比如 display : none。注意，使用 visibility 和 opacity 隐藏的节点，还是会显示在渲染树上的（因为还占据文档空间），只有 display : none 的节点才不会显示在渲染树上。Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。

m0_54854317的博客

03-03

786

HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f

船新的100个Python项目，看了再学毕竟快乐总是一闪而过

Python4857的博客

11-27

1769

Github上面有很多有趣的python项目，包括软件、库、教程、资源等。这次收集了其中比较受欢迎的100个，供大家参考。（内容比较多，建议收藏了再看！）资料来源：https://github.com/521xueweihan/HelloGitHub❞ 1、awesome-python-webapp：廖老师的 Python 入门教程中的实践项目的代码 2、Minos：一个基于 Tornado/MongoDB/Redis 的社区系统 3、tushare：TuShare 是一个免费、开源的 Pytho

react-autorefresh-tabel:React 的自动刷新表组件

06-24

React 的自动刷新表组件安装 composer install && npm install && gulp install 跑步运行gulp或gulp watch然后检查你的浏览器 localhost:8000 要求 PHP >= 5.4 作曲家节点.js 吞咽

[react] 怎么定时更新一个组件？

歌谣的博客

11-17

470

[react] 怎么定时更新一个组件？ class Clock extends React.Component{ constructor(props){ super(props); this.state={date:new Date()}; } componentDidMount(){ this.timerID=setInterval(()=>this.tick(),1000);

延迟执行,倒计时1秒后执行

weixin_45162984的博客

06-03

2317

延迟执行延迟执行可用于加载样式、延迟隐藏、显示使用Window setTimeout() 方法语法: setTimeout(code,millisec) jquery示例: setTimeout(function(){ $('.loading').css('display','none'); $('.div').css('display','block'); },1000)...

初识ReactJS的组件化开发(五):ajax加载评论列表，并定时获取更新

07-30

3414

js代码如下: // 创建组件 var NavBar = React.createClass({ loadMovie: function () { ReactDOM.render( <MovieList src="http://localhost/myphp/movies.php" />, document.getElement

react中的a标签href引发重新渲染

weixin_34167043的博客

04-16

7338

现象：<li><a href="#">关于我们</a></li> 点击会使页面刷新，所以改变数据会误以为不生效；所以要用：<li><a href="javascript:void(0)">关于我们</a></li> <li><a href="#">关于我们</a&...

react中怎么每隔几秒刷洗echarts图表

2301_76790013的博客

08-02

171

【代码】react中怎么每隔几秒刷洗echarts图表。

Reactjs中列表数据不刷新最快解决而方案

qq_36205027的博客

06-03

3468

遇到好几次了这个问题了, 每次数据setState是个引用Obj的话,reactjs不会比对太多细节,导致我们setState或者通过父组件props传递给子组件数据时不进行刷新,最快速的方法是先清空数据,然后再重新赋值即可 delete = (item) => () => { this.props.cancleDialog() var self...

react 定时刷新时数据逐步增加

zm_miner的博客

10-30

2633

刷新页面或者定时刷新数据的时候比如我想显示的数字是100000, 正常刷新的时候 , 数据会直接从0到1000000 , 我想从0 渐变递增到1000000, 该如何实现呢, 其实使用js也可以实现的, 在此项目中我使用了d3 import React from 'react'; import PropTypes from 'prop-types'; import injectSheet f...

【ReactNative 】【定时器、延时执行】setTimeout、setInterval、setImmediate

Crazy程序猿

04-03

2038

setTimeout、setInterval、setImmediate 用法总结

关于React跳出当前页面时，如何清除该页面的定时器解决方案

05-28

3903

目录1. 前言2. 解决方案3. 效果展示4. 参考文献 1. 前言在使用React框架做项目的时候，出现了一个问题，就是我在当前界面使用定时器实现动态展示，然后当前页面定时器还未结束我就跳转到另外一个界面，让后出现下面这种情况： 2. 解决方案针对这种情况，我网上找了些参考资料，是这样解释的：当页面跳转的时候，事实上我们已经获取不到页面的dom元素了，但是他的js还在继续执行，所以我们就可以通过这个方式解决问题（当获取不到页面的dom时就给他清除定时器）。所以我们只需要在页面跳转的时候将定

react 如何在刷新页面的时候，在路由重定向之前通过接口数据，判断是否重定向还是其他操作