简体中文

useElementSize

Tags:

使用 React Hook 返回一个元素的大小。

演示

尝试调整文本区域的大小，以查看大小变化。

请查看 API。

点击下方链接跳转 GitHub 查看源代码。

const { width, height, ...useResizeObserverReturns } = useElementSize(elementTarget, defaultValue, options)

ElementTarget 是一个联合类型，代表可以被定位的各种元素。

export type ElementSize = {
  /**
   * 元素的宽度。
   */
  width: number
  /**
   * 元素的高度。
   */
  height: number
}

useResizeObserver 的选项，详情见 useResizeObserver#options。

useResizeObserver 的返回值，详情见 useResizeObserver#returns。

export type UseElementSizeReturns = ElementSize & UseResizeObserverReturns

ON THIS PAGE