问题标签 [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.
redux-form - redux-form onChange 中的语义 ui-react 下拉菜单无法更新状态
我遇到了一个问题,即 redux 没有获得 onChange 值状态(状态相等)
这是我的代码
ReduxFormDropdown.js
表单.js
当我选择时该值没有改变,当我检查 redux 开发工具时,我发现该值没有得到更新(状态相等)。我错过了什么?谢谢您的答复。
html - 如何在 Semantic UI + React Dropdown 组件中插入标签元素?
我想从语义 UI 重新创建以下下拉菜单,其中使用UI React<label>
为下拉菜单插入a :
(https://semantic-ui.com/collections/form.html#dropdown)
这是我希望我的 React 应用程序创建的降价:
我正在努力通过语义 UI 的 React UI 实现来实现这一点。
我目前的尝试是这样的:
清楚地标记这一点非常重要。我在用户研究中发现,占位符仅作为问题提示就令人困惑。
有添加标签的文档,但是,它需要在下拉组件下嵌套子组件,这会干扰我对“选项”道具的使用。错误如下:
警告:失败的道具类型:道具
children
与Dropdown
道具冲突:options
,selection
。它们不能一起定义,选择一个或另一个
谢谢你,堆栈溢出!
reactjs - 无法使 Checkbox 与 redux-form 和 react-semantic-ui 一起使用
我正在尝试将redux-form与react-semantic-ui一起使用,但Checkbox组件有问题。未选中复选框。我遵循了redux-form文档中的示例,但没有运气。这是代码片段:
的输出console.log(input.value)
为空。
reactjs - 在 Semantic-UI-React 中导入 CSS
我将在我的项目中使用 Semantic-UI-React,但我遇到了以下问题:
文档链接:https ://react.semantic-ui.com/usage#css
文档说 webpack 1 受支持但不推荐。我正在使用 Webpack 版本 1.14.0 附带的 Create React App。那么这是否意味着我不应该
Semantic-UI-React
与 CRA 一起使用?Semantic UI
对于样式,我还希望在我的项目中使用一些自定义样式,所以我选择了文档中提到 的包的第三个选项..npm install semantic-ui --save-dev
在gulp
内部运行并创建一个semantic
文件夹。但是没有dist
文档中提到的文件夹。我应该从哪个路径引用semantic.min.css
我的 index.js 文件?
我基本上是在尝试使用Semantic-UI-React
withsemantic.min.css
一些我自己的风格。但似乎我在设置中犯了一些错误。另一种选择可能是继续Semantic UI CSS
包装?...但是根据文档,我将无法通过这种方法使用自定义样式。
我在这里有点困惑,请帮助:)
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/
semantic-ui - 下拉菜单不接受 defaultValue 更改
https://codesandbox.io/s/pQoyXymr2 这是演示。似乎 Dropdown 只收到一次 defaultValue ,之后没有改变,为什么?
javascript - 语义 UI 图像属性不适用于语义 UI 反应
我第一次尝试在 React 中使用官方的semantic-ui-react。我已经构建了一个全新的反应应用程序:
然后我尝试在App.js中添加相同的反应图像,如下所示:
结果显示了 2 个大的反应{logo}
图像,不是迷你或头像样式:
我在这里缺少什么的想法?
javascript - 弹出窗口内具有语义 UI 反应网格宽度的语义 UI
我[正在尝试使用语义 UI 反应构建一个类似于语义 UI 文档中示例的菜单,但我在弹出窗口宽度上遇到了问题。这是我的代码:
我希望弹出窗口能很好地适应文本。看到列的宽度太小而无法保留所有文本。
帮助表示赞赏。
javascript - 语义 UI 可滚动段
我正在使用 Semantic UI 和 ReactJS,使用官方的 semantic-ui-react。
我想构建一个类似 Trello 的应用程序并在上面放置卡片。卡片将为一个主题堆叠,并且应可在一个主题内垂直滚动,并在所有主题上水平滚动。
我正在使用下面的代码,自然会得到堆叠的段,宽度很大,没有滚动控件。
我检查了段,任何命令都没有scrollable
选项。
那么,我怎样才能使外部段水平滚动,每个卡片段垂直滚动。感谢您的帮助。