如何从组件父级调用组件子级抽屉导航器的函数

// 子级组件
import React from 'react';

const ChildComponent = React.forwardRef((props, ref) => {
  const openDrawer = () => {
    // 执行抽屉导航器的打开函数
    console.log('打开抽屉导航器');
  };

  // 将openDrawer函数暴露给父级组件
  React.useImperativeHandle(ref, () => ({
    openDrawer,
  }));

  return (
    <div>
      {/* 子级组件的内容 */}
    </div>
  );
});

export default ChildComponent;

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

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

  const handleButtonClick = () => {
    // 调用子级组件的抽屉导航器函数
    childRef.current.openDrawer();
  };

  return (
    <div>
      <button onClick={handleButtonClick}>打开抽屉导航器</button>
      <ChildComponent ref={childRef} />
    </div>
  );
};

export default ParentComponent;