无法停止反应多轮播自动播放

Question

我正在使用 'react-multi-carousel' 模块来显示多个项目。一切顺利，但它会自动运行。我不希望它自动播放。

我已将道具“autoPlay”设置为“false”，如下所示。但是轮播焦点从第一张幻灯片到最后一张幻灯片。重要的是，当我先单击箭头（下一步）按钮时，就会出现此问题。

我的代码：


    <Carousel
      additionalTransfrom={0}
      arrows
      autoPlay={false}
      autoPlaySpeed={3000}
      centerMode={false}
      className=""
      containerClass="container-with-dots"
      dotListClass=""
      draggable
      focusOnSelect={false}
      infinite
      itemClass=""
      keyBoardControl
      minimumTouchDrag={80}
      renderButtonGroupOutside={false}
      renderDotsOutside={false}
      responsive={{
        desktop: {
          breakpoint: {
            max: 3000,
            min: 1024
          },
          items: 3,
          partialVisibilityGutter: 40
        },
        mobile: {
          breakpoint: {
            max: 464,
            min: 0
          },
          items: 1,
          partialVisibilityGutter: 30
        },
        tablet: {
          breakpoint: {
            max: 1024,
            min: 464
          },
          items: 2,
          partialVisibilityGutter: 30
        }
      }}
      showDots={false}
      sliderClass=""
      slidesToSlide={1}
      swipeable
    >
                <div className='carousel-item-padding-40-px' style={{backgroundColor: 'blue', padding: '30px'}}>Item 1</div>
                <div className='carousel-item-padding-40-px' style={{backgroundColor: 'blue', padding: '30px'}}>Item 2</div>
                <div className='carousel-item-padding-40-px' style={{backgroundColor: 'blue', padding: '30px'}}>Item 3</div>
                <div className='carousel-item-padding-40-px' style={{backgroundColor: 'blue', padding: '30px'}}>Item 4</div>
              </Carousel>

Answer 1

我遇到了同样的问题，也设置了 autoPlay={false}。

一开始是赢的，但是一旦我点击箭头就会自动移动到最后一个。（我没有设置无限）

我现在将 autoPlaySpeed 设置为 ={99999}，这不是一个好方法，但可以满足我的需要。

Answer 2

设置 shouldResetAutoplay={false}

Answer 3

我按照你的回答做了，但没有任何改变。我升级了 'react-multi-carousel' 模块。如果是这样，那就运行很好。谢谢。

无法停止反应多轮播自动播放

Can't stop react multi carousel autoplay

autoplay

react-multi-carousel