首页 > 其他 > 详细

react倒计时导致的页面刷新问题

时间:2021-01-14 17:09:54      阅读:302      评论:0      收藏:0      [点我收藏+]

记录一次倒计时导致的页面刷新异常问题

 

背景如下:

做了个活动页面,每晚21点活动开始,需要展示倒计时,需求让倒计时自动展示,不需要用户刷新页面,那么问题来了:

1、倒计时需要一直定时,在判断不展示的时候,需要延长倒计时时间,并且隐藏倒计时,展示其他的视觉

2、倒计时展示期间,需要每秒刷新

3、倒计时的展示与否,需要设置state

 

而问题主要出现在第3点上,频繁的设置state,导致页面在disable cathe时,会刷新,特别是每秒更新倒计时的时候。

 

这个问题的解决方案也比较简单,那就是设置state之前,先去判断将要设置的state和之前的是否一致,如果一致,可以不设置,如此的话,每天就只有3次设置倒计时展示的逻辑,大大减少了也没刷新问题

react倒计时导致的页面刷新问题

原文:https://www.cnblogs.com/fanzheng/p/14278094.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!