React hook 中,使用setInterval定时器,制作时、分、秒倒计时功能
需求:后台返回截止日期时间戳,根据当前时间,页面回显精确到秒的倒计时。**思路:**抽一个countDown组件,传入截止时间timeStamp,使用setInterval进行倒计时,render页面。**遇到的问题:**在useEffect中,新值只变化一次,没有实时的倒计时。参考文章: useEffect 完整指南解决方案:最开始将时分秒作为整体time返回,发现页面没有实时变化。然后将变化后的时间作为useEffcet的依赖,这样页面会动态显示倒计时,但是这样做会一直创建不同的setI
原创
2021-02-04 17:59:03 ·
3145 阅读 ·
1 评论