react踩坑记录

1. 在使用reacthook-useEffect的坑

业务需要在组件渲染开始进行监听浏览器后退事件,使用window.addEventListener监听 ‘popstate’ 事件,本想着利用 useEffect的特性,在返回的箭头函数中 使用 window.removeEventListener 去掉事件监听。

想法完全没有问题,但是万万没想到,在浏览器后退时会触发组件销毁生命周期,useEffect直接执行返回的函数,将事件解绑了,相当于我绑了个寂寞。测试了多次才发现是这个执行事件问题。

posted @ 2021-07-16 15:25  LeoX的爬坑笔记  阅读(94)  评论(0编辑  收藏  举报