如何使用ref ref React数组将ref传递给孩子的孩子？

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

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

  return (
    <div>
      <ChildComponent ref={childRef} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { forwardRef } from 'react';
import GrandchildComponent from './GrandchildComponent';

const ChildComponent = forwardRef((props, ref) => {
  return (
    <div>
      <GrandchildComponent ref={ref} />
    </div>
  );
});

export default ChildComponent;

// 孙子组件
import React, { forwardRef } from 'react';

const GrandchildComponent = forwardRef((props, ref) => {
  return (
    <div ref={ref}>
      {/* 孙子组件的内容 */}
    </div>
  );
});

export default GrandchildComponent;