如何从react钩子中的自定义组件获取ref？

import React, { forwardRef, useRef } from 'react';

// 创建一个自定义组件
const CustomComponent = forwardRef((props, ref) => {
  // 在组件内部使用ref
  const inputRef = useRef(null);

  // 将ref对象传递给组件内部的元素
  return <input type="text" ref={ref} />;
});

// 在父组件中使用自定义组件并获取ref
const ParentComponent = () => {
  const ref = useRef(null);

  const handleClick = () => {
    // 通过ref.current来获取DOM元素或自定义组件实例
    console.log(ref.current);
  };

  return (
    <div>
      <CustomComponent ref={ref} />
      <button onClick={handleClick}>获取ref</button>
    </div>
  );
};