如果是这样,请分享文件夹结构(语义路径在哪里)和导入组件的示例。
问问题
6708 次
2 回答
37
我知道这个问题相当“老”(在前端开发的意义上),但语义 UI 现在有官方的 React 集成和绑定:
语义 UI 反应
https://react.semantic-ui.com/
其主要功能包括(来自登录页面):
jQuery免费
所有 jQuery 功能都在 React 中重新实现。
声明式 API
声明式 API 提供了强大的功能和道具验证。
增强
控制呈现的 HTML 标签,或将一个组件呈现为另一个组件。额外的道具被传递给你正在渲染的组件。
速记道具
速记道具为您生成标记,使许多用例变得轻而易举。所有对象道具都分布在子组件上。
子组件
子组件使您可以完全访问标记。这对于自定义组件的灵活性至关重要。
自动控制状态
我们的有状态组件开箱即用地自行管理其状态,无需布线。下拉菜单在点击时打开,无需将 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';
于 2017-05-21T05:04:52.207 回答
0
我将使用 react 包https://react.semantic-ui.com/。相同的东西,但没有 jquery 和所有反应组件
于 2016-10-02T14:11:25.573 回答