スワイパーrenderExternal例：バーチャルスライドで、

Question

カスタムリアクトコンポーネントアレイをバーチャルスライドを使用してSwiperをレンダリングする必要があります。

ドキュメントrenderExternalが、このために使用することができると言うが、そこには例がAPIドキュメントhttp://idangero.us/swiper/api/#virtual

でません、これはrenderExternal機能を使用して行うことができますどのように知っている必要があります。

Answer 1

は、私はそれを行うための最善の方法だとわからないんだけど、私がやったことはおおよそ次のとおりです。

<div className="swiper-container"> 
    <div className="swiper-wrapper"> 
    <MyComponent 
     myProps="mySwiper.virtual.slides[mySwiper.activeIndex]" 
    /> 
    </div> 
</div> 

（I：

const mySwiper = new Swiper('.swiper-container', { 
    virtual: { 
    slides: this.props.array (or this.state.array) 
    renderExternal: function(data){} 
    } 
}) 

は、あなたはテンプレートであなたのコンポーネントを表示しますVue、Reactではなく）