问题标签 [semantic-ui-react]

我正在使用语义-ui-react，并且正在尝试使用 jest 创建快照测试。但是，我不断收到此消息。有人可以对此有所了解吗？我在 nextjs 中使用语义。

我找不到具有适当文档的 React Datetime 组件。我需要一个使用 Semantic UI React 的 React 项目中的日期时间选择器。

我尝试了https://github.com/react-component/calendar但无法使其正常运行...似乎选项非常有限（顺便说一句这很奇怪..）。

你能提供一个带有这些库的日期时间选择器的工作示例吗？

我有类似于此的代码：

我希望能够使用复选框作为句柄来调度诸如编辑、删除等操作。我知道 Table 组件支持一个可选择的道具，但它似乎所做的只是让一行看起来是可选择的。在类似于 onRowSelect 的函数中，我似乎找不到任何将所选行作为参数传回的功能。

我曾经create-react-app初始化我的应用程序。然后我确实npm install semantic-ui-react --save安装了软件包。

我想从https://react.semantic-ui.com/collections/grid#grid-example-divided-numberGrid创建这个例子：

我创建了一个名为Grid.js：

然后在App.js我导入GridExample：

但是，当网页加载时，<p>元素会堆叠在一起 - 好像6X1不是预期的那样2X3

为什么Grid没有正确渲染？

我的单选按钮不可点击。这是我的组件：

我似乎无法理解为什么它不起作用。有人有想法么？

我正在使用Semantic-ui-react，效果很好。semantic.min.css我从semantic-ui-cssnpm 模块导入。

但是，它使用我真的不想要的网络字体对互联网进行外部调用。

我可以进入 .css 文件本身并删除它们，但这是硬编码和不好的做法，因为从 npm 模块在另一台机器上构建它会导致它再次这样做。

有没有办法禁用所有网络字体，例如使用 Webpack 构建它时？

我目前正在尝试将 Menu.Item 中的图标和文本与 Semantic UI React V.0.68.2 对齐。

目前我的 HTML 输出如下所示：

我的 JSX 是这样的：

我写了一个新的图标组件来使用我自己的图标字体，看起来像这样。我试图尽可能接近语义 UI 的 React 实现中的原始 Icon 类。

现在我希望文本和图标垂直居中，但我无法让它工作，它们的文本似乎总是在其父节点的顶部。但实际上我希望它垂直居中显示在 Menu.Item 中。与任何大小的图标。因此，当我将图标的大小更改为大时，文本应始终垂直居中。大小类与语义 UI 中的相同。

有谁知道如何实现这一目标？提前致谢 ：）

我正在尝试将提交功能添加到我的语义 ui-react 搜索组件，但它没有按照我想要的方式运行。

提交应该对 api 进行 ajax 调用并注销数据。

有谁知道如何使它工作？我要么收到错误，要么我的 ajax 请求搜索查询最终为空，即使我在输入字段中写了一些东西。

提交表单时，如果服务器发回错误的响应，我希望显示一个 2.5 秒的小弹出窗口。

逻辑相当简单，但是，我无法弄清楚如何让这个弹出窗口在状态管理（在我的例子中是 MobX）的某个地方监听布尔值。我可以很好地将内容放入弹出窗口，但是，触发器是一个按钮（如果单击它，内容将显示） - 但是我如何让它在某处监听布尔值？

这里相当简单的类：

但是，触发值是一个按钮，如果this.props.data存在则呈现。但这不是我希望的行为；我只是想让弹出窗口在this.props.data存在时呈现（并因此触发）；true或者，如果需要，我可以提供带有道具的值。

但是如何在不作为悬停/按钮的情况下触发该组件？

我正在使用一个包含 50 个Accordion元素（语义 ui）的列表，如下所示：

如您所见，每个 Accordion Content 都有一个包含 100 个项目的列表。

所以现在这 100 个列表项被渲染了 50 次。但我希望它们只有在我打开特定的 Accordion 时才会呈现。这意味着首先呈现所有 100 个 Accordion 元素，但根本没有 List 项。如果用户打开 Accordion，则呈现列表。

这可能吗？