将活动幻灯片设置为 swiper/react with react 状态

Question

我想问一下有没有办法用swiper/react来控制/设置活动幻灯片？

我试图用道具处理 onSwiper 功能，但仍然无法更新幻灯片索引。

谢谢

Answer 1

您可以使用 swiper 实例来访问 swiper API ( https://swiperjs.com/api/ ) 并且有方法slideTo。

所以在代码示例中它看起来像这样

const App = () => {
  // store swiper instance
  const [swiper, setSwiper] = useState(null);

  const slideTo = (index) => swiper.slideTo(index);

  return (
      <Swiper onSwiper={setSwiper} >
        {/* ... */}
      </Swiper>
  )
}