可以将一个元素ref从子功能组件传递到它的父功能组件吗？

import React from 'react';

const ChildComponent = React.forwardRef((props, ref) => {
  return (
    <div ref={ref}>
      {/* 子组件的内容 */}
      <p>这是子组件</p>
    </div>
  );
});

export default ChildComponent;

import React, { useRef } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const childRef = useRef(null);

  const handleClick = () => {
    if (childRef.current) {
      console.log('子组件的DOM元素:', childRef.current);
    }
  };

  return (
    <div>
      <ChildComponent ref={childRef} />
      <button onClick={handleClick}>获取子组件DOM</button>
    </div>
  );
};

export default ParentComponent;