刷新页面后反应猫头鹰轮播隐藏

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>
)
}