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

时间:2016-10-01 15:05:54

标签: reactjs semantic-ui create-react-app

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

2 个答案:

答案 0 :(得分:33)

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

语义UI反应

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

其主要功能(来自目标网页):

jQuery Free

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

声明式API

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

<强>增强

控制呈现的HTML标记,或将一个组件呈现为另一个组件。额外的道具将传递给您要渲染的组件。

速记道具

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

子组件

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

自动控制状态

我们的有状态组件可自行管理其状态,无需布线。单击下拉打开,无需接线点击打开道具。该值也在内部存储,无需连接onChange to 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';

答案 1 :(得分:0)

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