semantic-ui-react - 如何在 Semantic UI React 中使用 Semantic UI 主题？

Question

theming上有详细说明在传统的语义 UI 上，但语义 UI React 站点中缺少等效的部分。这是否意味着它不支持主题化，或者您可以使用传统语义 UI 的主题化方法吗？

我知道 React 世界中的一些人主张不要使用 CSS，而是将您以编程方式设置样式作为组件设计的一部分。语义 UI React 的哲学是什么？

Answer 1

react 语义 ui 文档中的主题部分“缺失”，但这是故意的。

我就是这样做的:

Install the full Semantic UI package. Semantic UI includes Gulp build tools so your project can preserve its own theme changes, allowing you to customise the style variables.

Detailed documentation on theming in Semantic UI is provided here.

$ npm install semantic-ui --save-dev

After building the project with Gulp, you'll need to include the minified CSS file in your index.js file:

import '../semantic/dist/semantic.min.css';

通过: https://react.semantic-ui.com/usage#semantic-ui-package

已经有不同的 ui 框架采用更“ react ”的方法。恕我直言，语义ui(react)所做的是迄今为止最好的现实解决方案......