react获取dom的宽高

你可以使用React的`useRef`钩子来获取DOM元素的引用，然后使用`getBoundingClientRect()`方法来获取元素的宽高。

下面是一个示例代码：

import React, { useRef } from 'react';

function MyComponent() {
  const myRef = useRef(null);

  function handleClick() {
    const rect = myRef.current.getBoundingClientRect();
    console.log(rect.width, rect.height);
  }

  return (
    <div ref={myRef} onClick={handleClick}>
      My Component
    </div>
  );
}

在上面的代码中，我们创建了一个`myRef`引用并将其分配给`<div>`元素的`ref`属性。然后，我们在点击事件处理程序中获取该元素的`getBoundingClientRect()`，并打印出其宽高。