Reactjs rtl支持和语义ui配置

我正在为react使用语义UI库 . 并创建react应用程序样板 . 我的应用程序需要RTL支持，尤其是Step组件。 在研究解决方案时，我发现semantic ui有一个配置文件semantic.json，我可以在其中定义RTL，但我无法将整个过程扭曲在一起。

---

有人对此有什么建议或最佳实践吗

RTL支持是

语义ui

CSS样式的功能，不应该与

语义ui react

有任何关系。如果您使用

semantic ui

中的构建工具编译自己的样式，然后在项目中使用这些样式，它们将起作用

如果您不想编译自己的RTL样式，我相信此CDN承载的是已编译的RTL版本的CSS：

您可以使用此

.ui*{
方向：rtl；
文本对齐：右对齐；
}

如果您想在

reactjs

中使用

RTL

语言（如波斯语/阿拉伯语）中的

semantic ui

，可以按照以下步骤操作

使用cdn

首先为reactjs安装语义ui：

npm i semantic-ui-react

然后安装语义ui css：

npm i semantic-ui-css

现在在
index.html
中包含语义ui rtl（仅css）


<link
  rel="stylesheet"
  href="https://cdn.rtlcss.com/semantic-ui/2.4.1/semantic.rtl.min.css"
  integrity="sha384-yXUIpeQfH3cuk6u6Mwu8uyJXB2R3UOLvcha1343UCMA2TA7lQ14BFmrudI6LAP8A"
  crossorigin="anonymous">

此方法经过测试，已经很好地工作了，如果有人有问题，请随时发表评论，我会回复。
谢谢您的回答。最后，我在单独的项目中构建了语义RTL样式，然后在我的项目中将其作为静态文件使用。@onn很高兴听到您选择了第一个选项，通过编译自己的样式来解决这个问题。如果正确的话，请考虑将答案标记为正确。安装NPM包（语义UI CSS）在您的解决方案中是无用的，因为您将最终使用CDN版本（通过CDN或通过本地下载）。
import 'semantic-ui-css/semantic.rtl.min.css';