使用反应滑动时显示轮播指示器

Question

我在吃蛋糕时遇到了麻烦。

如果我使用react-bootstrap carousel，那么它不会在移动设备上轻扫，但我会获得下一个/上一个按钮和轮播指示符，以向用户显示他们所在的旋转木马的哪个元素。

如果我使用react-swipe，那么我会轻扫，但没有其他旋转木马功能。

到目前为止我的组件：

import React from 'react';
import { Meteor } from 'meteor/meteor';
import ReactSwipe from 'react-swipe';

const Index = () => (
  <div className="foo">
    <ReactSwipe className="carousel" key={3}>
      <div>first panel</div>
      <div>second panel</div>
      <div>third panel</div>
    </ReactSwipe>
  </div>      
);

export default Index;

如何获取轮播状态并将其转换为一组指标，其中一个是活动？