useWindowSize

跟踪视窗大小的 React Hook。

Usage

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

  return (
    <div>
      <p>
        宽度: {width}, 高度: {height}
      </p>
    </div>
  );
};

API

useWindowSize

Returns

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

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

Arguments