简单的swiper

1.npm i swiper

2.css: import 'swiper.min.css'

3.

 <div className="swiper-container">
        <div className="swiper-wrapper">
              {
                    this.state.posts.map((item,index)=>{
                        return <div className="swiper-slide" key={index}>
                            <img style={{width:"100%"}} src={item} alt=""/>
                        </div>
                    })
               }
        </div>
  </div>

 

4.js

this.swiper=new Swiper('.swiper-container',{
     autoplay:true  //自动滑动
})