跳到主要内容

useWindowSize

跟踪视窗大小的 React Hook。

Usage​

实时编辑器

function Demo() {
  const { width, height } = useWindowSize();

  return (
    <div>
      <p>
        width: {width}, height: {height}
      </p>
    </div>
  );
};
结果
Loading...

API​

useWindowSize​

Returns​

{ readonly width: number; readonly height: number; }: 包含以下元素的对象：

  • width：当前视窗宽度。
  • height： 当前视窗高度。

Arguments​