父组件调用子组件ref

父组件可以通过ref来调用子组件的方法或访问子组件的属性。要在父组件中使用ref引用子组件，首先需要在子组件上创建一个ref属性。然后，可以使用React的ref属性将子组件的引用传递给一个变量。这样，父组件就可以通过该变量来访问子组件。

以下是一个示例：

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

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

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

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

export default ParentComponent;

在上面的示例中，我们使用useRef创建了一个名为childRef的引用。然后，将该引用传递给子组件的ref属性。在父组件中，我们可以通过childRef.current来访问子组件实例，并调用其方法或访问其属性。

需要注意的是，为了使ref在函数式组件中正常工作，我们需要使用React提供的useRef钩子。