react-swiper 如何实现滑动小卡片的移动？

1.引入插件

import ReactSwipes from 'react-swipes';
import './swiperCard.css';

2.代码构成

export default class SwiperCard extends Component {
constructor(props) {
super(props);
this.state = {
data: this.props.item,
changeEndTime: this.props.item.endTime

}

}
render() {
// swipes 的配置
let opt = {
distance: 70, // 每次移动的距离，卡片的真实宽度，需要计算
currentPoint: 0, // 初始位置，默认从0即第一个元素开始
swTouchend: (ev) => {
let data = {
moved: ev.moved,
originalPoint: ev.originalPoint,
newPoint: ev.newPoint,
cancelled: ev.cancelled
}
this.setState({
curCard: ev.newPoint
})
}
}
return(

{
this.props.item.subjectGoods.map((item,index)=>{}

}

);
}
}