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

Question

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

return <div ref={ref} />

一旦

useCallback

的节点可用，我就使用

ref

钩子来设置交叉观察者侦听器。我的问题是组件卸载时杀死相交观察者的正确方法是什么？

Answer 1

将您的听众移至 useEffect 挂钩