react-oll-carousel2在导航离开并返回页面后中断

Question

我是React的新手。我正在使用https://github.com/florinn/react-owl-carousel2在我的主页上。所以，如果我转到其他页面并返回主页，我的猫头鹰旋转木马就不工作了，它就坏了。那么，我该如何重新初始化，以便在我返回主页时触发它呢。

import OwlCarousel from 'react-owl-carousel2';
const options = {
items: 3,
rewind: false,
autoplay: false,
stagePadding:20,
responsive:{
0:{
items:2,
},
}
};

<OwlCarousel  options={options} > 
<div></div>
</OwlCarousel>

Answer 1

请按照步骤操作。

1. 创建react应用程序示例
2. 纱线添加反应猫头鹰转盘
3. 纱线起始

我希望你的react应用程序已经启动并运行。React Js OwlCarousel演示文章

请关注本文。不要将div标签留空

<OwlCarousel  options={options} > 
<div></div>
</OwlCarousel>

按照上面的步骤，让我知道它是否有效。这里我用的是OwlCarousel而不是OwlCarausel2

Answer 2

尝试使用useEffect()钩子或componentDidMount()来实现它以完成任务。