方法：1、使用“npm i swiper -S”命令安装swiper包；2、使用import语句引入swiper的css和js文件；3、在render中编写swiper组件的结构，并在react的挂载生命周期函数内创建Swiper对象即可。
本教程操作环境：windows7系统、react16版，该方法适用于所有品牌电脑。
react中使用基本swiper
第一步：安装包
npm i swiper -S
第二步：引包
A+响应式布局后台模板
下载
A+是一个完全响应式，基于Bootstrap3.3.7最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.1)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对
import Swiper from 'swiper/dist/js/swiper.js' import 'swiper/dist/css/swiper.css'
第三步：写html
第四步：在react声明周期里创建Swiper对象进行调用
// 直接引用数据将，new Swiper放在componentDidMount
// 用axios请求数据，new Swiper放在componentDidUpdate
new Swiper('.swiper-container', {
direction: 'vertical',//竖向轮播
loop: true,//无缝轮播
pagination: {//小圆点分页
el: '.swiper-pagination',
},
navigation: {//左右分页
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
scrollbar: {//下划线分页
el: '.swiper-scrollbar',
}
})更多编程相关知识，请访问：编程入门！！
