React hook 形式 v7 函数组件无法给出引用。尝试访问此引用将失败。你的意思是使用 React.forwardRef()

使用 React.forwardRef() 创建可转发引用的函数组件

const MyComponent = React.forwardRef((props, ref) => {
  // 组件的代码
});

jsx
import React from 'react';
const FancyButton = React.forwardRef((props, ref) => {
  return (
    
      {props.children}
    
  );
});
export default FancyButton;

jsx
import React, { useRef } from 'react';
import FancyButton from './FancyButton';
const ParentComponent = () => {
  const buttonRef = useRef(null);
  const handleClick = () => {
    buttonRef.current.style.backgroundColor = 'red';
  };
  return (
    
      Click me
      Change color
    
  );
};
export default ParentComponent;