我使用此代码来侦听函数组件中的调整大小事件,并在调整窗口大小时重新渲染该组件。问题是,任何一个事件监听器都没有打印出任何内容,所以我认为我对这里如何使用 useEffect 有误解。
const [dimensions, setDimensions] = React.useState({
width: window.innerWidth,
height: window.innerHeight,
});
useEffect(() => {
const handleResize = () => {
console.log(dimensions.width);
setDimensions({
width: window.innerWidth,
height: window.innerHeight,
});
window.addEventListener("load", handleResize, false);
window.addEventListener("resize", handleResize, false);
};
});
Run Code Online (Sandbox Code Playgroud)