useWindowSize
跟踪视窗大小的 React Hook。
Usage
实时编辑器
function Demo() { const { width, height } = useWindowSize(); return ( <div> <p> 宽度: {width}, 高度: {height} </p> </div> ); };
结果
宽度: 1440, 高度: 718
API
useWindowSize
Returns
{ readonly width: number; readonly height: number; }: 包含以下元素的对象：
- width：当前视窗宽度。
- height： 当前视窗高度。