react 动态创建ref

在 React 中，可以使用 `useRef` 钩子来动态创建 ref。`useRef` 返回一个可变的 ref 对象，可以将其赋值给组件的元素或其他对象。下面是一个示例：

import React, { useRef } from 'react';

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

  const handleClick = () => {
    // 使用 ref.current 来访问 ref 对象的当前值
    console.log(dynamicRef.current);
  };

  return (
    <div>
      <button onClick={handleClick}>Click me</button>
      <div ref={dynamicRef}>Dynamic Ref</div>
    </div>
  );
}

在上述示例中，我们通过 `useRef(null)` 创建了一个名为 `dynamicRef` 的 ref 对象，并将其赋值给 `<div>` 元素的 `ref` 属性。当按钮被点击时，`handleClick` 函数会输出 `dynamicRef.current` 的值，即 `<div>` 元素的引用。