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

Question

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

>

库被称为 react-multi-carousel ( https://www.npmjs.com/package/react-multi-carousel )

我无法弄清楚如何更改的具体部分是：

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

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

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

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>

         )

在此先感谢大家的帮助，非常感谢！