반응이있는 가상 슬라이드의 렌더 예제 렌더링

Question

사용자 지정 반응 구성 요소 배열을 으로, 가상 슬라이드을 Swiper으로 렌더링해야합니다.

문서 renderExternal이 사용할 수 있지만 예를 들어이가 renderExternal 기능을 사용하여 수행 할 수있는 방법을 알 수 http://idangero.us/swiper/api/#virtual

필요가 API의 문서에 없다 말한다.

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가 아니라)