问题标签 [semantic-ui-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1447 浏览

redux-form - redux-form onChange 中的语义 ui-react 下拉菜单无法更新状态

我遇到了一个问题,即 redux 没有获得 onChange 值状态(状态相等)

这是我的代码

ReduxFormDropdown.js

表单.js

当我选择时该值没有改变,当我检查 redux 开发工具时,我发现该值没有得到更新(状态相等)。我错过了什么?谢谢您的答复。

0 投票
1 回答
5321 浏览

html - 如何在 Semantic UI + React Dropdown 组件中插入标签元素?

我想从语义 UI 重新创建以下下拉菜单,其中使用UI React<label>为下拉菜单插入a : 语义 UI 下拉菜单

https://semantic-ui.com/collections/form.html#dropdown

这是我希望我的 React 应用程序创建的降价:

我正在努力通过语义 UI 的 React UI 实现来实现这一点。

我目前的尝试是这样的:

清楚地标记这一点非常重要。我在用户研究中发现,占位符仅作为问题提示就令人困惑。

有添加标签的文档,但是,它需要在下拉组件下嵌套子组件,这会干扰我对“选项”道具的使用。错误如下:

警告:失败的道具类型:道具childrenDropdown道具冲突:optionsselection。它们不能一起定义,选择一个或另一个

谢谢你,堆栈溢出!

0 投票
2 回答
15206 浏览

reactjs - 无法使 Checkbox 与 redux-form 和 react-semantic-ui 一起使用

我正在尝试将redux-formreact-semantic-ui一起使用,但Checkbox组件有问题。未选中复选框。我遵循了redux-form文档中的示例,但没有运气。这是代码片段:

的输出console.log(input.value)为空。

0 投票
1 回答
6106 浏览

reactjs - 在 Semantic-UI-React 中导入 CSS

我将在我的项目中使用 Semantic-UI-React,但我遇到了以下问题:

文档链接:https ://react.semantic-ui.com/usage#css

  1. 文档说 webpack 1 受支持但不推荐。我正在使用 Webpack 版本 1.14.0 附带的 Create React App。那么这是否意味着我不应该Semantic-UI-React与 CRA 一起使用?

  2. Semantic UI对于样式,我还希望在我的项目中使用一些自定义样式,所以我选择了文档中提到 的包的第三个选项..npm install semantic-ui --save-devgulp内部运行并创建一个semantic文件夹。但是没有dist文档中提到的文件夹。我应该从哪个路径引用semantic.min.css我的 index.js 文件?

我基本上是在尝试使用Semantic-UI-Reactwithsemantic.min.css一些我自己的风格。但似乎我在设置中犯了一些错误。另一种选择可能是继续Semantic UI CSS包装?...但是根据文档,我将无法通过这种方法使用自定义样式。

我在这里有点困惑,请帮助:)

0 投票
1 回答
524 浏览

php - 带有语义 UI 反应的 Laravel 5.4

我用 Semantic UI 做了一些设计,现在我正在尝试用 Laravel 5.4 + Semantic UI React 构建一个项目。也许有人可以解释我如何为 Semantic UI React 配置 Laravel 5.4?

Laravel 官网:https ://laravel.com/ Semantic UI React 官网:https ://react.semantic-ui.com/

0 投票
1 回答
309 浏览

semantic-ui - 下拉菜单不接受 defaultValue 更改

https://codesandbox.io/s/pQoyXymr2 这是演示。似乎 Dropdown 只收到一次 defaultValue ,之后没有改变,为什么?

0 投票
1 回答
2782 浏览

javascript - 语义 UI 图像属性不适用于语义 UI 反应

我第一次尝试在 React 中使用官方的semantic-ui-react。我已经构建了一个全新的反应应用程序:

然后我尝试在App.js中添加相同的反应图像,如下所示:

结果显示了 2 个大的反应{logo}图像,不是迷你或头像样式:

在此处输入图像描述

我在这里缺少什么的想法?

0 投票
1 回答
2536 浏览

javascript - Semantic-UI-React:带有 2 列的卡片标题

我希望卡片标题是普通文本和图像,并排。

该图像出现在“Hello World!”之后。标题。如何将它们并排放置,左对齐文本和右对齐图像? 实物图在这里

0 投票
1 回答
1797 浏览

javascript - 弹出窗口内具有语义 UI 反应网格宽度的语义 UI

我[正在尝试使用语义 UI 反应构建一个类似于语义 UI 文档中示例的菜单,但我在弹出窗口宽度上遇到了问题。这是我的代码:

这是我得到的结果: 在此处输入图像描述

我希望弹出窗口能很好地适应文本。看到列的宽度太小而无法保留所有文本。

帮助表示赞赏。

0 投票
3 回答
17835 浏览

javascript - 语义 UI 可滚动段

我正在使用 Semantic UI 和 ReactJS,使用官方的 semantic-ui-react。

我想构建一个类似 Trello 的应用程序并在上面放置卡片。卡片将为一个主题堆叠,并且应可在一个主题内垂直滚动,并在所有主题上水平滚动。

我正在使用下面的代码,自然会得到堆叠的段,宽度很大,没有滚动控件。

我检查了段,任何命令都没有scrollable选项。

那么,我怎样才能使外部段水平滚动,每个卡片段垂直滚动。感谢您的帮助。