Reactjs 将库类组件转换为功能组件

我需要在我的项目中使用一个用React类组件编写的库，并且查看文档，我不知道从哪里可以获得信息，以了解如何将它们的代码转换为React钩子

该库称为react multi carousel（）

我不知道如何改变的具体部分是：

  autoPlay={this.props.deviceType !== "mobile" ? true : false}
  removeArrowOnDeviceType={["tablet", "mobile"]}
  deviceType={this.props.deviceType}

未定义deviceType，因此autoPlay和RemoveErrorWonDevice会引发错误

到目前为止，我知道我必须做的是：

function Slider() {

    const responsive = { 

         desktop: {
          breakpoint: { max: 3000, min: 1024 },
          items: 3,
          slidesToSlide: 3 // optional, default to 1.

          ....etc
    }

    return (

        <Carousel>
            swipeable={false}
            .....etc 
        </Carousel>

         )

函数滑块（）{
常数响应={
桌面：{
断点：{max:3000，min:1024}，
项目：3，
幻灯片幻灯片：3//可选，默认为1。
等
}
返回(
swipeable={false}
等
)

---

提前感谢大家的帮助，我非常感谢！

您是否试图在功能组件内部使用它？是的，完全正确。我猜我必须启动一个名为Slider的函数，在“responsive”内部复制页面中显示的常量，以及该函数中的常量，返回组件。但从那里开始，我就丢失了。

只关心您传递的值。您只需将值传递给它，它就会正常工作。不，不是所有的。使用道具的组件不会返回（我在帖子中列出的3个）@Medi，您的codesandbox也有一个错误，无法工作，因为它无法识别

deviceType