你如何访问 react-id-swiper 活动幻灯片 ID？答案

【问题标题】：How do you access react-id-swiper active slide ID?你如何访问 react-id-swiper 活动幻灯片 ID？
【发布时间】：2018-10-05 21:58:38
【问题描述】：

是否有人熟悉 react-id-swiper（基于 Swiper），可以告诉我如何访问 currentSlideId？我正在尝试创建对处于状态的活动幻灯片的引用。

https://www.npmjs.com/package/react-id-swiper

http://idangero.us/swiper/api/#initialize

到目前为止，我最接近的是安装 Swiper 而不是 react-id-swiper 现在我可以调用 .activeIndex 但仍然不确定如何使用它来触发重新渲染。

componentDidMount() { 
    this.mySwiper = new Swiper(
        '.swiper-container', 
        { direction: 'vertical', slidesPerView: 1, spaceBetween: 0, speed: 1000, mousewheel: true, hashNavigation: true }
    ); 
this.mySwiper.on('slideChange', function() { console.log(this.mySwiper); }); }

【问题讨论】：

嗨斯宾塞，你有任何代码可以分享你迄今为止尝试过的东西吗？ How to ask a good question
到目前为止，我得到的最接近的是安装 Swiper 而不是 react-id-swiper 现在我可以调用 .activeIndex 但仍然不确定如何使用它来触发重新渲染。
componentDidMount() { this.mySwiper = new Swiper('.swiper-container', { direction: 'vertical', slidesPerView: 1, spaceBetween: 0, speed: 1000, mousewheel: true, hashNavigation: true }); this.mySwiper.on('slideChange', function() { console.log(this.mySwiper); }); }

标签： javascript reactjs swiper

【解决方案1】：

这已通过安装 react-id-swiper 所基于的 Swiper 库解决。 Swiper 有一个可以在 Swiper 对象上调用的 .currentSlideId 函数。

【讨论】：