gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 02:29:48 26 4
gpt4 key购买 nike

我想问一下有没有办法用swiper/react来控制/设置事件幻灯片?
我试图用 Prop 处理 onSwiper 功能,但仍然无法更新幻灯片索引。
谢谢

最佳答案

您可以使用 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>
)
}

关于reactjs - 将事件幻灯片设置为 swiper/react with react 状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65006220/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com