如何在反应js中获取猫头鹰轮播当前项目答案

【问题标题】：How to get Owl carousel current item in react js如何在反应js中获取猫头鹰轮播当前项目
【发布时间】：2018-02-03 14:45:45
【问题描述】：

如何在 react-owl-carousel 中选择当前项目。我确实在翻译事件期间用于获取 id，并且还尝试了官方文档中的所有事件。 https://www.npmjs.com/package/react-owl-carousel 顺便说一句：如何获取信息：parmater（就像在 Jquery 中一样）我无法得到任何回应。

return <div className="rp-slider-main owl-carousel clearfix">
      <OwlCarousel className="owl-theme" loop={false} nav={false} autoWidth={false} items={1} center={false}  onChanged={() => handleSelect(e)}>
        {props.commentsArr.map((topComment, index) => (
            <div className=item key={index}>
        ..........
    </div>
     )}
     </OwlCarousel>
   </div>

我的活动是

handleSelect(e) {var index = e.page.index;}

当用户更改幻灯片项目时，此处的索引不会更改如何获取当前幻灯片项 id 或至少幻灯片#number，并希望确保我选择了正确的事件'onTranslated'。

【问题讨论】：

标签： javascript reactjs react-native react-router react-redux

【解决方案1】：

你必须使用它的 onChanged 事件，它会给你当前的索引

<OwlCarousel className="owl-theme" loop={true} nav={false} autoWidth={false} items={1} center={false} onChanged={() => props.handleSelect(e)} >

【讨论】：

像 onChanged 一样。但我的滑块不起作用。它始终保持第一个项目处于活动状态。当我删除它时，滑块工作得很好。还有我的和 console.log(e.page);显示为 {index: 1, count: 3, size: 1} {index: -1, count: 0, size: 1} {index: -1, count: 0, size: 1} {index: -1, count : 0, size: 1} {index: -1, count: 0, size: 1} 我在这里缺少什么.. 有没有这样的例子。
我注意到它触发了两次事件。这可能是原因。为什么会这样。我已经用更多信息修改了问题