如何清理 useCallback 中的事件侦听器

Question

const ref = useCallback((node) => {
 if (node) {
  // ...intersection observer code goes here
 }
}, []);

return <div ref={ref} />

一旦ref的节点可用，我就使用useCallback挂钩来设置路口观察者侦听器。 我的问题是在组件卸载时杀死交叉点观察者的正确方法是什么？

Answer 1

将您的听众移动到 useEffect 挂钩