天天看点

react踩坑记录

1. 在使用reacthook-useeffect的坑

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

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