它不起作用的原因是因为
setPageHeightWrapper定义了一个内联函数,并且当该组件重新呈现它的新实例时,并且在清除事件侦听器时,您需要传递与设置侦听器时传递的方法相同的方法。
另一方面,当调用useEffect挂钩时,它会从其关闭处获取函数引用,并且使用相同的引用来清除侦听器。
使removeListener在useEffect之外工作的一种方法是使用
useCallback钩子
const handleSearch = () => { window.removeEventListener('resize', memoHeightWrapper);};const [pageHeight, setPageHeight] = useState(0);const memoHeightWrapper = useCallback(() => { setPageHeight(window.innerHeight);})useEffect(() =>{ window.addEventListener('resize', memoHeightWrapper); return () => { window.removeEventListener('resize', memoHeightWrapper); };}, []);


