Question

我如何在react-owl-carousel中选择当前项目。我确实习惯在翻译事件中获取id，并在官方文档中尝试了所有事件。 https://www.npmjs.com/package/react-owl-carousel BTW：如何获取信息：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或至少幻灯片＃号，并确保我选择了正确的事件'onTranslated'。

Answer 1

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

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

如何在反应中获取猫头鹰旋转木马当前项目

1 个答案: