使用元素大小

使用调整观察员大小测量 DOM 元素的大小

检查 故事书 演示.

安装

yarn add @charlietango/use-element-size

API 密码

const [ref, size] = useElementSize()

钩子返回带有 ref 函数,以及测量的 size。 。 。 . 指定 ref 到要测量的元素.

示例

import React from 'react'
import useElementSize from '@charlietango/use-element-size'

const Component = () => {
  const [ref, size] = useElementSize()
  return (
    <div ref={ref}>
      <pre>
        <code>{JSON.stringify(size, null, 2)}</code>
      </pre>
    </div>
  )
}

export default Component