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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了react倒计时导致的页面刷新问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含395字，纯文字阅读大概需要1分钟。

内容图文

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

 

背景如下：

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

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

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

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

 

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

 

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

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

内容总结

以上是互联网集市为您收集整理的react倒计时导致的页面刷新问题全部内容，希望文章能够帮你解决react倒计时导致的页面刷新问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---