我如何使用";反应猫头鹰旋转木马rtl

Question

我想安装react owl carousel rtl我在https://www.npmjs.com/package/react-owl-carousel-rtl

但它仍然不适用于我，因为方向：rtl

这是我写的代码-

import OwlCarousel from "react-owl-carousel";
import "owl.carousel / dist / assets / owl.carousel.css";
import "owl.carousel / dist / assets / owl.theme.default.css";
<OwlCarousel loop={false} rtlClass="owl-rtl" margin={10}>
<div>
<h4>1</h4>
</div>
<div>
<h4>2</h4>
</div>
<div>
<h4>3</h4>
</div>
<div>
<h4>4</h4>
</div>
<div>
<h4>5</h4>
</div>
</OwlCarousel>

问候

Answer 1

我遇到了这个问题，不幸的是，文档是错误的！

因此您需要更改import并添加rtl属性，如下所示：

import OwlCarousel from "react-owl-carousel-rtl";
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";
<OwlCarousel loop={false} rtlClass="owl-rtl" margin={10} rtl={true}>
<div>
<h4>1</h4>
</div>
<div>
<h4>2</h4>
</div>
<div>
<h4>3</h4>
</div>
<div>
<h4>4</h4>
</div>
<div>
<h4>5</h4>
</div>
</OwlCarousel>

对我有效：(