您如何访问react-id-swiper活动幻灯片ID？

Question

是否有人熟悉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); }); }

Answer 1

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