反应 owl 轮播在我刷新页面后隐藏

Question

我正在使用 react-owl-carousel 包，当我刷新页面时，轮播消失了。我该怎么办？

<OwlCarousel
                items={3}
                className="owl-theme"
                loop
                nav
                margin={8} 
            >
                {
                    news.map((newsItem) => (
                        <NewsContent key={newsItem.id} title={newsItem.title} text={newsItem.text.substring(0, 150)} id={newsItem.id} datetime={newsItem.createdDate.split('T')[0]} />
                    ))

                }
            </OwlCarousel>

Answer 1

试试这个代码：

{
news &&(
<OwlCarousel
                items={3}
                className="owl-theme"
                loop
                nav
                margin={8} 
            >
                {
                    news.map((newsItem) => (
                        <NewsContent key={newsItem.id} title={newsItem.title} text={newsItem.text.substring(0, 150)} id={newsItem.id} datetime={newsItem.createdDate.split('T')[0]} />
                    ))

                }
            </OwlCarousel>
)
}

反应 owl 轮播在我刷新页面后隐藏

react owl carousel is hiding after when I refreshing page

reactjs

owl-carousel