// Basic Usage function MySwiper() {   return (     <Swiper       swiperOptions={{         slidesPerView: 42       }}       navigation={false}       pagination={false}     >       <Slide onActive={swiper => console.log('Slide Active!')} />     </Swiper>   ) }  // Advanced Usage // // Swiper will automatically update swiper instance when children change (i.e. Slides), // and/or re-initialize if swiper options change. Also, event handlers // (`onTouchMove`, `onSlideChangeEnd`, etc.) are delegated. Changing them will // require no reinitialization, while still functioning as expected. import React, { Component } from 'react' import { Swiper, Slide } from 'react-dynamic-swiper' import 'react-dynamic-swiper/lib/styles.css'  class MySwiper extends Component {   constructor(props, context) {     super(props, context)     this.state = {       slides: []     }   }    componentWillMount() {     getAsyncSlideData().then(slides => this.setState({ slides }))   }    render() {     const { slides } = this.state      return (       <Swiper         swiperOptions={{           slidesPerView: 'auto'         }}         nextButton={<MyNextButton />}         prevButton={swiper => (           <MyPrevButton onClick={() => swiper.slideNext()} />         )}         onTouchMove={(swiper, event) => doSomething()}       >         {slides.map(slide => (           <Slide {...slide} />         ))}       </Swiper>     )   } }