问题标签 [semantic-ui-react]

我无法使 Semantic UI React 网格完全响应，至少以我想要的方式响应桌面、平板电脑和移动设备。

我在网格列中呈现了以下三个组件。

从桌面到移动时，列正确堆叠。它从 3 列变为 1 列。但是，对于平板电脑大小，3 列只是更紧密地安装，而不是在屏幕上有 2 列，1 列堆叠在下方。

查看组件 Tablet 组件视图

理想情况下，我希望在从台式机到平板电脑大小以及从平板电脑到移动设备时，Feed 和 Jobs 留在屏幕上，Feed 位于顶部，Jobs 位于下方，Articles 位于底部。

对于如何让这个网格做出这样的响应，我们将不胜感激。

当我在下拉组件中选择一个项目时，我希望 onChange 事件会触发。但是，即使我单击其他地方，onChange 事件也会触发。如何防止 onChange 事件触发 onBlur？

Semantic UI React Checkbox可以这样使用：

如何设置复选框标签，以便文本服务条款是指向 URL 的链接？

这是我第一次尝试将 Meteor 与 ReactJs 和 React Semantic UI 一起使用，并且在渲染 Semantic UI 模式时遇到了问题。我想要实现的是单击按钮并打开整个浏览器上的模态覆盖，参考React Semantic Modal Manual 但我现在所拥有的是模态部分呈现在屏幕上，如所见从随附的屏幕截图中。有人可以帮忙吗？提前致谢。

主.js

网站.js：

模态示例.js

Sidebar.js

isActive我在粘性文档中找不到像react-sticky这样可以轻松禁用粘性的道具。是否可以在 Semantic-UI-React sticky 中做到这一点？我试过让context道具为空Sticky，但滚动时它仍然很粘。

粘滞代码：

谷歌搜索，在语义 ui 的文档和问题页面中搜索，并在 stackoverflow 中搜索。找不到答案。

在 Semantic-ui-react 中，如何制作内容固定在屏幕上的侧边栏？我目前拥有的是这样的：

在semantic-ui-react 文档中似乎没有任何词，并使 Sidebar.Pushable、Sidebar 或任何菜单项位置：固定；似乎也不起作用。

Semantic UI 有一种很好的方法可以将通用大小应用于很多东西，例如按钮（在 Semantic UI React 中）：

然而，在许多情况下看起来就像一个按钮并放置在带有按钮的一行上的下拉菜单似乎没有采用“大小”参数。

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

有没有一种好方法可以将与其他元素（例如连续按钮）相同的大小应用于下拉列表？（即不仅仅是摆弄自定义 CSS，而是更易于维护的东西）。

我正在关注https://react.semantic-ui.com/modules/modal创建一个模态表单。

Cancel单击按钮时，我想关闭模态框。我被限制不使用上面链接中建议的速记方法。我应该如何编写 handleClose() 函数以关闭 Modal 表单？

我正在尝试创建一个固定在页面顶部的菜单：

当菜单固定到顶部时，周围段的大小小于嵌入式菜单（并且也未固定到顶部）。

正确的方法是什么？

在 codepen 上演示

我正在尝试使用 Redux Form 从 React Semantic-UI 中的组件获取下拉菜单的值。我已成功接收来自普通文本输入的值，但没有选择输入。

每当我提交表单时，它总是作为一个空对象返回，即使我选择了一个下拉值。