reactjs - 有没有人能够使用语义 UI 设置创建 React 应用程序？

Question

如果是这样，请分享文件夹结构(其中是语义路径)和导入组件的示例。

Answer 1

我知道这个问题相当“老”(在前端开发意义上)，但是 Semantic UI 现在有官方的 React 集成和绑定(bind):

语义 UI React

https://react.semantic-ui.com/

其主要功能(来自登陆页面):

jQuery 免费

所有 jQuery 功能都已在 React 中重新实现。

声明式 API

声明式 API 提供强大的功能和 Prop 验证。

增强

控制渲染的 HTML 标签，或将一个组件渲染为另一组件。额外的 Prop 将传递给您正在渲染的组件。

速记 Prop

速记 Prop 为您生成标记，使许多用例变得轻而易举。所有对象 Prop 都分布在子组件上。

子组件

子组件使您可以完全访问标记。这对于自定义组件的灵 active 至关重要。

自动控制状态

我们的有状态组件开箱即可 self 管理其状态，无需接线。单击时打开下拉菜单，无需将 onClick 连接到 open 属性。该值也存储在内部，无需将 onChange 连接到 value。

安装

$ npm install semantic-ui-react --save
$ npm install semantic-ui-css --save

或者如果您更喜欢 yarn :

$ yarn add semantic-ui-react
$ yarn add semantic-ui-css

安装后，将此行包含在您的 index.js 文件中:

import 'semantic-ui-css/semantic.min.css';