react hook监听窗口大小
程序员文章站
2022-06-21 12:29:34
...
学习hook使用小demo:
import React,{useCallback,useState,useEffect} from 'react';
function ChangeSize(){
const [size,setSize] = useState({
width:document.documentElement.clientWidth,
hieght:document.documentElement.clientHeight
})
const onResize = useCallback(()=>{
setSize({
width:document.documentElement.clientWidth,
height:document.documentElement.clientHeight,
})
},[])
useEffect(()=>{
window.addEventListener('resize',onResize);
return (()=>{
window.removeEventListener('resize',onResize)
})
},[])
return size;
}
使用 :
// 使用 在组件中引入方法ChangeSize;
// let size = ChangeSize();
// size.width;//get width;
// size.height;//get height;
上一篇: java面试基础总结
下一篇: 垂死之际仍在挥霍 黑莓斥巨资购私人飞机