小编ZFD*_*Dev的帖子

我目前在我的 React 应用程序中收到以下错误：

不能给函数组件提供 refs。尝试访问此引用将失败。你的意思是使用 React.forwardRef() 吗？

如何使用 forwardRef() 解决此问题？

我的代码如下：

const Services: FunctionComponent = (): ReactElement => {
  const servicesRef = useRef(null);

  return (
    <Layout>
      <ServicesList ref={servicesRef} />
    </Layout>
  );
};
export default Services;



const ServicesList: React.FunctionComponent = ({ children }: Props) => {
  return (
    <section className="my-24 md:my-32">
      {children && children}
    </section>
  );
};

export default ServicesList;