ref.currnet里设置measure并引用

在React的Hook体系中，`useRef`是一个非常实用的 Hook，它返回一个对象，该对象有一个 `current` 属性，用于存储引用的对象。当你想要在组件内部追踪某个DOM元素、状态或者其他不可变值时，可以使用 `useRef`。

如果你在 `useRef` 中设置了 `current` 并希望它是某种测量性质的，比如滚动位置、尺寸等，你可以这样做：

import { useRef } from 'react';

function MyComponent() {
  const positionRef = useRef(null); // 初始化一个ref指向null

  useEffect(() => {
    if (positionRef.current) { // 当current有值时
      // 这里可以设置或更新测量值，例如滚动位置
      positionRef.current.measure((top, left) => {
        console.log('Element is at:', top, left);
      });
    }
    return () => {}; // 清除副作用，如不需要了记得移除监听
  }, [positionRef]);

  // ...其他组件逻辑

  return (
    <div ref={positionRef}> <!-- 组件将会被包裹在这个div上，然后通过ref获取其位置 -->
      Content goes here...
    </div>
  );
}

在这个例子中，我们创建了一个 `positionRef`，当对应的 DOM 元素渲染完成后，我们可以将其设置为这个元素的引用，并在其位置发生改变时执行测量操作。