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

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

背景如下：

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

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

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

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

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

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

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