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： 當前視窗高度。