reactjs - 当我将它变成移动视图时，反应多轮播正在破坏

Question

现在，我在我的 wep 应用程序中实现了 react-multi-carousel。它在笔记本电脑视图中呈现 find ，但是当我将其缩小到移动视图时，轮播会中断。我不知道是道具传递给它还是完全不同的东西导致应用程序崩溃..请查看属性并传递给旋转木马。提前感谢您的宝贵时间，我真的很感激。

const ProductMap = () => {
    return (
        <Carousel
    additionalTransfrom={0}
  arrows
    autoPlaySpeed={4000}
    autoPlay={true}     
  centerMode={false}
  className=""
  containerClass="container"
  dotListClass=""
  draggable
  focusOnSelect={false}
  infinite={true}
  itemClass=""
  keyBoardControl
  minimumTouchDrag={80}
  renderButtonGroupOutside={false}
  renderDotsOutside={false}
  responsive={{
    desktop: {
      breakpoint: {
        max: 3000,
        min: 1024
      },
      items: 4,
      partialVisibilityGutter: 40
    },
    mobile: {
      breakpoint: {
        max: 1000,
        min: 770
      },
      items: 2,
      partialVisibilityGutter: 30
            
    },
    tablet: {
      breakpoint: {
        max: 1024,
        min: 464
      },
      items: 2,
      partialVisibilityGutter: 30
    }
  }}
  showDots={false}
  sliderClass=""
  slidesToSlide={2}
  swipeable
>
            {
                data.products.map(item => (
                    <ProductCarousel key={item.id} item={item} />
                ))
            }
        </Carousel>
    )
}