hook组件父组件调用子组件方法

要在父组件中调用子组件的方法，可以通过使用 `ref` 来获取子组件的实例，并调用其方法。以下是一个示例：

import React, { useRef } from "react";

// 子组件
const ChildComponent = ({}) => {
  const childMethod = () => {
    console.log("子组件方法被调用");
  };

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

// 父组件
const ParentComponent = () => {
  const childRef = useRef(null);

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

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

export default ParentComponent;

在上面的例子中，我们使用 `useRef` 创建了一个指向子组件实例的引用 `childRef`。然后，在父组件的 `callChildMethod` 方法中，我们通过 `childRef.current` 来获取子组件的实例，并调用其方法 `childMethod`。

请注意，为了能够在函数组件中使用 `ref`，需要使用 React 的 `forwardRef` 方法将 `ref` 传递给子组件。这样子组件才能接收到 `ref` 并将其绑定到正确的元素上。