【问题标题】:Has anyone been able to setup create react app with semantic-ui?有没有人能够使用语义用户界面设置创建反应应用程序?
【发布时间】:2016-10-01 15:05:53
【问题描述】:

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

【问题讨论】:

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


    【解决方案1】:

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

    语义 UI 反应

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

    在其主要功能中(来自登录页面):

    jQuery 免费版

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

    声明式 API

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

    增强

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

    速记道具

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

    子组件

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

    自动控制状态

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

    安装

    $ 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';
    

    【讨论】:

    • 我很惊讶这些信息并没有像语义-ui-react 文档中的任何地方那样清楚地说明
    • 我想我可以将它添加到他们的文档中,尽管它有点特定于 c-r-a。但这并没有阻止其他项目。有空闲时间我会尝试一下。
    • 这些说明现在在官方文档中,并且与 c-r-a 兼容:react.semantic-ui.com/usage
    【解决方案2】:

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

    【讨论】:

    • 我可以安装它 - 但 dist 文件夹永远不会构建,并且 create-react-app 不支持 less。
    • 好的,但是您尝试过语义反应库吗?会更容易+所有组件都在反应而不是jquery。 hallister.github.io/semantic-react
    • 我做到了,还有星尘,这是官方的语义 - 反应实现。但这个问题的范围是主要的语义 ui 库,而不是分支或分支。
    • 这就是我不再上栈的原因。这到底是什么原因被否决了?可怜。
    • 你建议的库不是我相信的人正在寻找的官方语义反应 UI
    猜你喜欢
    • 2013-10-07
    • 1970-01-01
    • 2011-11-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-29
    • 2016-08-08
    • 2020-10-06
    相关资源
    最近更新 更多