问题标签 [semantic-ui-react]

我正在使用垂直菜单 ( semantic ui react)。这是我的结构：

但我需要菜单成为移动设备上的水平图标菜单。是否有可能以这种方式响应？我的意思是在计算机上它应该是一个带有文本项的垂直菜单，而在移动设备上它应该是带有图标的水平显示......

当用户单击重置按钮时，我想清除表单内的下拉菜单。
但无法弄清楚如何以编程方式设置值。

I use the current version of react-boilerplate (which uses webpack) and installed Semantic-UI-React like described in the official docs http://react.semantic-ui.com/usage

When I start the server I get:

What kind of 'appropriate loader' do I need?

The parser doesn't like the @import statement in /semantic/dist/semantic.min.css:

How to resolve this issue?

使用 SemanticUI，是否可以插入带有嵌套在下拉菜单中的下拉项的表单？

这是一个小提琴来说明我的意思： https ://jsfiddle.net/Nanego/tnv34c7b/5/

我在 React (semantic-ui-react) 中使用语义 ui 来显示卡片。我需要一个 pinterest 样式的布局，其中卡片将根据存在的文本数量具有不同的高度。

我想要的是对于一个包含更多单词的问题，卡片的高度应该增加。目前，所有卡片的高度都与具有最大高度（最大字数）的那张卡片的高度相同。

提前致谢。

我必须像在 pinterest 中一样对齐不同高度的卡片。我在反应语义中没有找到任何解决方案。建议我解决方案。

在我的主要组件中，我可以通过单击图标打开模式。modal 的内容是一个单独的组件，它调用了一个方法。如果方法调用成功，我想关闭模态。但是我该怎么做呢？

主要成分

模态内容

我一直在使用带有 babel、webpack、redux 和 semantic-ui-react 的 mern stack 制作一个 Web 应用程序。

但我得到一个错误说

bundle.js 中的“意外令牌 <”。

仅当我单击表单标记中的按钮发送请求时才会发生此错误。如果我制作没有表单标签的页面，它可以正常工作而没有任何错误。

这是我在 React 中的代码。

当我输入字母并单击保存按钮时，我会看到一条警告消息说

您的帖子已成功保存..

而且我放的数据也保存在mongodb中。但是在我点击确定后，url 会从'localhost:3000/post/write' 变为 ' localhost:3000/post/write?title=blah&contents=blah'。url中的blah是我在输入标签中输入的内容。然后控制台说

意外的令牌 <。

但是，如果我不在上面的代码中使用表单标签，它工作正常，我完全不知道有什么问题。表单标签来自语义 UI 反应。所以我需要它。如果我不使用 Form，它可以正常工作，但我应该放弃语义 UI 提供的设计。

有没有人知道这件事？我猜这与表单标签中的 HTTP POST 有关，这使 react.js 在服务器端处理来自该表单标签的发布请求后难以理解 index.html 中的 bundle.js。

我想构建一个类似于语义ui主页示例的布局：http: //semantic-ui.com/examples/homepage.html

第一个垂直的黑色段几乎是全高。它是由masthead班级完成的，但我不明白这个班级是从哪里来的。

我正在使用反应，所以这是我到目前为止的布局：

但是有了这个，第一段没有完整的高度。

我想建立一个小下拉菜单（我正在使用语义-ui-react）。但就我而言，我需要一个取决于此菜单部分的条件。

这是我想出的，但它不起作用，因为它必须被包装。那么我应该如何以正确的方式创建这个下拉菜单来获得两个带有标题、分隔符和项目的菜单子块（如果它们ifThisIsTrue具有真实值）？