问题标签 [semantic-ui-react]

我现在使用semantic-ui-react了一段时间，对我来说一切正常，但我的导航菜单有问题。

问题是我希望它为移动和桌面定制，所以换句话说，我想要一个完全不同的移动和桌面实现，我想知道是否有一种使用定制语义的正确方法来做到这一点（因为我已经自定义主题等）。

我的另一个想法是，菜单可能有only可用的选项，但在文档中没有真正找到任何东西。

最好的

我正在学习 React，我已经学习了大约一周。我想构建一个下拉列表并学习 React Semantic UI，我想我可以从这里复制他们网站上的代码开始。即使尽可能直接地复制代码，我也无法让它看起来正确。有人能解释一下让我看起来不对劲的区别是什么吗？

我的代码：

文档中的代码示例：

我正在使用nextjs框架和 UI 框架，我选择semantic-ui了semantic-ui-react.

我选择的主要原因semantic-ui是框架的主题能力。

• 我已经安装了这里semantic-ui显示的完整包。`

• semantic.json文件有以下内容：

  { "base": "/client/static/semantic", "paths": { "source": { "config": "src/theme.config", "definitions": "src/definitions/", "site": "src/site/", "themes": "src/themes/" }, "output": { "packaged": "dist/", "uncompressed": "dist/components/", "compressed": "dist/components/", "themes": "dist/themes/" }, "clean": "dist/" }, "permission": false, "autoInstall": false, "rtl": false, "components": [blah blah], "version": "2.2.10" }

主题在本地主机上正常工作。

问题如下：尝试部署时now正在安装依赖项，semantic-ui感觉好像它不存在。这意味着根本没有样式。

我在我的项目中包含语义文件夹（意思是，我现在正在 gitignoring/client/static/semantic文件夹）。

Nextjs使用and部署的正确方法是什么semantic-ui？

**更新：

发现问题出在哪里，但仍然不知道如何解决。

因此，当您为语义用户界面设置主题时，过程就像这样。

1. 你安装semantic-ui.
2. semantic-ui查找文件semantic.json并知道您正在主题化。
3. 正在创建主题的文件和文件夹，但未构建。这意味着为了semantic-ui构建组件，需要导航到特定semantic文件夹并运行gulp build.

问题是now不知道该怎么做。

有任何想法吗？

在过去的几天里，我一直在学习 ReactJS，并一直在尝试使用semantic-ui-reactReactJS 构建一个网站。我知道现在可以使用一些组件，但是我被困在诸如创建页脚之类的场景中该怎么做……通常，在我的原始 HTML 中，我会semantic.min.css在底部包含该文件：

现在我想把它翻译成semantic-ui-react. 默认情况下，页脚是一个类而不是组件，因此它没有组件......我认为这意味着我必须制作自己的组件并基本上编写上面的代码。我现在的问题是，我不知道如何让它像使用常规的旧语义.min.css 一样呈现。我在某处阅读以下载 css 文件并将其包含在内，但是，我不知道去哪里（MyCustomFooterComponent或index.html），并且这样做，我的网站上的加载时间不会增加。这是否意味着到处都有页脚，只是一小部分自定义代码，整个 CSS 文件都将被加载？

semantic-ui-react另外，在构建之后，我添加语义 CSS 和's CSS 是否会出现双重导入场景？

很抱歉这个问题很长，但我是新手，我想在犯下可怕的错误之前找出我能做的事情。

有没有办法延迟下拉/模式内容的呈现，直到它打开？

我看到它们正在被渲染，即使它们在用户单击以查看其内容之前不可见。

我正在使用反应路由器和语义 UI 侧边栏。当侧边栏在可见和不可见之间切换时，路由器会触发其组件 ( OilBarrelComponent) 被重新创建（而不仅仅是“推送”）。这似乎没有必要，并且有我不想要的副作用。我的代码是否有问题导致OilBarrelContainer仅因为我切换侧边栏而重新创建组件？

我正在尝试使用 babel 编译以下代码，但它在下一行的字符“=”上给了我一个“意外标记”：

状态 = {};

Babel 版本为：6.24.1（babel-core 6.25.0）

编码：

我正在使用 es2015 并做出反应预设。

问题是什么？谢谢。

as被定义为An element type to render as (string or function).语义-UI-react 中的大多数组件。这意味着什么？

我的理解是它以某种方式改变了组件as。

例子：

https://react.semantic-ui.com/modules/sidebar 有Sidebar as={Menu}然后孩子们没有启动菜单所需的<Menu.Item name='...'>典型。<Menu/>

我正在尝试在语义-ui-react 中将表单组居中。

通过将容器设置textAlign为center，我可以让所有元素居中，除了它包含的Form.Group和。Form.Input

示例： https ://jsfiddle.net/mgrnjtmj/

是否可以使用语义 UI 反应可用的道具来居中表单组？

I am following the docs here to create a controlled component dropdown menu.

How would I be able to modify my handleChange function to make it aware that it is receiving a value from the 'Select Member' dropdown or the 'Select Day' dropdown, so that I can update the state values accordingly ("member" and "hour)?

UPDATE: Solution has worked to update state. Still not sure why the selection of dropbox doesn't stick and defaults to placeholder.