javascript - 如何在 React 和 Typescript 中使用 useRef 钩子和 getClientBoundingRect？

Question

每个人。

我需要在 React 上获取我的功能组件的大小。这个项目正在使用 Typescript，所以我需要类型函数和其他东西。我尝试useRef()这样的钩子：

function MyComponent (): JSX.Element {
  const targetREf = useRef<HTMLDivElement>() // I'm typing useRef like this.
  const [boxHeight, setBoxHeight] = useState()

  useLayoutEffect((): void => {
    setBoxHeight(targetRef.current && targetRef.current.getClientBoundingRect())
  }, [targetRef.current])
}

问题出在getClientBoundingRect().

打字稿说：Property 'getClientBoundingRect' does not exist on type 'HTMLDivElement'.

我应该如何输入我useRef()的使用getClientBoundingReact？

我正在使用 React 16.8.6 和 Typescript 3.4.5。

谢谢！

Answer 1

我认为你拼错了函数的名称。它被称为：

getBoundingClientRect 不是 getClientBoundingReact。

希望这可以帮助。