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

kev*_*vin 8 reactjs semantic-ui create-react-app

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

Rya*_*yan 34

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

语义UI反应

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

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

jQuery免费

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

声明性API

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

增强

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

速记道具

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

子组件

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

自动控制状态

我们的有状态组件自行管理其开箱即用的状态,无需布线.单击下拉打开,无需接线点击打开道具.该值也在内部存储,无需连接onChange to value.

安装

$ npm install semantic-ui-react --save
$ npm install semantic-ui-css --save
Run Code Online (Sandbox Code Playgroud)

或者如果你喜欢Yarn:

$ yarn add semantic-ui-react
$ yarn add semantic-ui-css
Run Code Online (Sandbox Code Playgroud)

安装完成后,请在您的index.js文件中包含以下内容:

import 'semantic-ui-css/semantic.min.css';
Run Code Online (Sandbox Code Playgroud)

  • 我很惊讶这些信息没有像语义ui-react文档中的任何地方那样明确 (4认同)

EQu*_*per 0

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