父组件ref取不到子组件的方法

父组件通过ref获取子组件的方法取决于你使用的是函数式组件还是类组件。下面分别介绍两种情况下的解决方案：

1. 函数式组件（无状态组件）：
在函数式组件中，你无法直接使用ref来获取子组件的方法。但是你可以通过React的useImperativeHandle钩子来实现类似的功能。具体步骤如下：

在子组件中：

import React, { forwardRef, useImperativeHandle } from 'react';

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

  // 将子组件的方法暴露给父组件的ref
  useImperativeHandle(ref, () => ({
    childMethod
  }));

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

export default ChildComponent;

在父组件中：

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

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

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

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

export default ParentComponent;

在上面的例子中，通过useImperativeHandle钩子将子组件的方法childMethod暴露给了父组件的ref，然后父组件就可以通过ref调用子组件的方法。