当有多个组件时，在react中调用特定子引用的方法

import React, { useRef } from 'react';

// 子组件
const ChildComponent = React.forwardRef((props, ref) => {
  // 子组件的方法
  const childMethod = () => {
    console.log('调用了子组件的方法');
  };

  // 将子组件的方法绑定到ref对象上
  React.useImperativeHandle(ref, () => ({
    childMethod
  }));

  return <div>子组件</div>;
});

// 父组件
const ParentComponent = () => {
  // 创建ref对象
  const childRef = useRef(null);

  // 调用子组件的方法
  const callChildMethod = () => {
    childRef.current.childMethod();
  };

  return (
    <div>
      <ChildComponent ref={childRef} />
      <button onClick={callChildMethod}>调用子组件方法</button>
    </div>
  );
};

export default ParentComponent;