Блог

Прямо сейчас я внедряю react-мульти-карусель в своем приложении wep. он отображает «найти» в режиме просмотра ноутбука, но когда я уменьшаю его до мобильного, карусель прерывается. Я не знаю, передается ли ему реквизит или что-то совсем другое, что приводит к поломке приложения.. пожалуйста, взгляните на свойство и перейдите к карусели. Заранее благодарю вас за потраченное время, я действительно ценю это.

 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>
    )
}