reactjs - 将事件幻灯片设置为 swiper/react with react 状态

Question

我想问一下有没有办法用swiper/react来控制/设置事件幻灯片？
我试图用 Prop 处理 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>
  )
}