有没有人能够使用语义-ui设置创建反应应用程序?

Has anyone been able to setup create react app with semantic-ui?

如果是这样,请分享文件夹结构(语义路径在哪里)和导入组件的示例。

我将使用 react 包 https://react.semantic-ui.com/。相同的东西,但没有 jquery 和所有反应组件

我知道这个问题相当 "old"(在前端开发意义上),但是语义 UI 现在有官方的 React 集成和绑定:

语义UI反应

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

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

jQuery免费

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

声明式API

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

增强

控制呈现的HTML标签,或将一个组件呈现为另一个组件。额外的 props 被传递给你正在渲染的组件。

Shorthand道具

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

子组件

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

自控状态

我们的有状态组件开箱即用地自行管理其状态,无需布线。下拉菜单在点击时打开,无需将 onClick 连接到 open 道具。该值也存储在内部,无需将 onChange 连接到值。

安装

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

或者如果你更喜欢纱线:

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

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

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