如何在ReactJS中使用Owl Carousel v2？

Question

所以基本上，这是我第一次使用这个库，我正在尝试将它与React一起使用。

这是我当前的设置：

import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel';
const $ = window.$;

<article key={post._id} className={post._id}>
  <Link to={`/posts/${post._id}`}>
    <div className="owl-carousel owl-theme">
      {post.files.slice(0, 5).map((file, index) => (
        <div key={index}>
          <img src={file} className="" alt="" />
        </div>
      ))}
    </div>
  </Link>
</article>

$(document).ready(function () {
  $('.owl-carousel').owlCarousel();
});

我试图限制5张图片的集合，以防有5张以上的图片，并且我尝试使用Owl Carousel映射它们（我尝试使用Bootstrap 4旋转木马，但对于某些东西来说太大了应该很简单）。

出于某种原因，我正在关注文档，并且什至没有显示图像，我的意思是我打开devtools控制台，可以看到它们已被获取，但是在浏览器中它们根本无法加载？

我希望有人能帮助我！。谢谢！。