如何清理 useCallback 中的事件偵聽器

Question

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

return <div ref={ref} />

一旦ref的節點可用，我就使用useCallback掛鈎來設置路口觀察者偵聽器。 我的問題是在組件卸載時殺死交叉點觀察者的正確方法是什么？

Answer 1

將您的聽眾移動到 useEffect 掛鈎