Reactjs 重构在React功能组件中的使用？

我在示例应用程序和示例应用程序中有此代码，需要在功能组件中使用它：

ref={（c）=>{this.\u carousel=c；}}

如何在功能组件中分配ref？

您可以使用挂钩

示例：

import React from "react";

function MyAwesomeFxnComponent() {
  const ref = React.useRef(null);
  return (
      <Carousel ref={ref} />
  );
}

从“React”导入React；
函数MyAwesomeFxnComponent（）{
const ref=React.useRef（null）；
返回(
);
}

对于功能组件，您可以使用如下参考：

// Import react useRef hooks
import React, { useRef } from 'react';

export function CarouselWrapper {
  // create your reference
  const carouselRef = useRef(null);

  return (
   // Pass ref to your carousel component
   <Carousel ref={carouselRef} />  
  )
};

//导入react useRef钩子
从“React”导入React，{useRef}；
导出功能旋转木马{
//创建您的参考
const carouselRef=useRef（null）；
返回(
//将ref传递给旋转木马组件
)
};

---

您可以在这里阅读文档

注意，我们更喜欢这里的技术写作风格。我们轻轻地劝阻问候，希望你能帮助，谢谢，提前感谢，感谢信，问候，亲切的问候，签名，请你能帮助，闲聊的材料和缩写的txtspk，恳求，你被困多久了，投票建议，元评论等。只需解释你的问题，并展示你已经尝试了什么，你期望什么，事实上，对不起，我知道这是规则，但是如果我想感谢某人，我会的。谢谢。如果可以的话，我劝你改变主意。听起来你为志愿者策展人的工作感到自豪，而你忘记了他们是为你的利益而工作的。堆栈溢出运行在志愿者的工作上：编辑、关闭、策划、整理。这是一项吃力不讨好、永无止境的工作