Documentation for Virtual Slides about swiper-website HOT 4 CLOSED

sliderRender(){
    return this.props.pins.map((data, key) => {
      // need for virtualised rendering
      return ReactDOMServer.renderToStaticMarkup(<MapItem
          key={key}
          data={data}
        />);
    })
  }
  render() {
    var params = {
      spaceBetween: 0,
      slidesPerView: 1,
      virtual: {
        slides: (this.sliderRender)()
      },
      observer: true,
      observeParents: true,
    };
    return (
      <div className={classNames("map-item__container", { open: this.props.showMapItem })}>
        <Swiper {...params} ref={node => { if(node) return this.swiper = node.swiper } } />
      </div>
    )
  }