React中使用Swiper插件实现循环和自动播放

1.引入什么部分在官网上复制粘贴 就不说了(下载swiper模块到开发环境 npm install swiper --save-dev)

 React中使用Swiper插件实现循环和自动播放_第1张图片2.

循环  

loop

      pagination={{

        "clickable": true

      }}

自动播放

 autoplay={{ delay: 2000, disableOnInteraction: false }}

3.具体代码

React中使用Swiper插件实现循环和自动播放_第2张图片

 4.下面的具体代码在官网上都能复制 

React中使用Swiper插件实现循环和自动播放_第3张图片

(生命周期函数不要 意义是告诉你们下面还有一个大括号没复制全) 

你可能感兴趣的:(react.js,javascript,前端)