semantic-ui-react 相关问题

Semantic-UI-React(http://react.semantic-ui.com)是Semantic UI的官方React集成(http://www.semantic-ui.com/)。

如何使用 Dropdown 组件的 searchQuery 属性而不破坏显示文本?

我正在从semantic-ui-react渲染一个Dropdown组件。当我设置 searchQuery 属性时,所选选项的显示文本无法正确显示。相反,它总是显示...

回答 1 投票 0

在 Semantic-UI-React 中,有没有办法向文本输入或下拉列表添加 x 图标,单击时会清除文本?

我有一个文本输入和一个允许添加的下拉菜单(都使用 Form.xxx 版本)。对于这两个,我想在右侧添加一个 x 图标,单击该图标时,将调用 h...

回答 4 投票 0

React Semantic-UI Dropdown item with bold and underline

我正在尝试使用它以粗体和下划线设置 React-Semantic-UI 下拉标题 About} simple item style={{ lineHeight: ...

回答 0 投票 0

在 Vite React 项目中使用 semantic-ui-less

我一直在尝试安装 semantic-ui-less 包和 semantic-ui-react,但是在使用 npm run dev 运行时我得到这个错误: [less] 未找到“../../theme.config”。试过 - /home/antp/

回答 1 投票 0

改变下拉背景颜色

我正在使用语义 UI react css 库,当有人选择一个选项时,我需要更改下拉菜单的背景颜色。 到 我正在使用语义 UI react css 库,当有人选择一个选项时,我需要更改下拉菜单的背景颜色。 到 <Dropdown placeholder='Name' selection search options={names} className='filter-dropdown' /> 在更改时为每个下拉项的选项添加样式 下面的代码片段应该有帮助 ... const [selected, setSelected] = useState(null) const originalOptions = [ { index: 1, text: "Davey Jones", value: "userone", style: { backgroundColor: 'red'} }, { index: 2, text: "Gengar", value: "usertwo", style: selected ? { backgroundColor: 'red'} : null }, { index: 3, text: "Frank Booth", value: "fbooth", style: { backgroundColor: 'red'} } ]; const displayOptions = originalOptions.map(option => { return { ...option, style: selected === option.index ? { backgroundColor: 'red'} : null } }) ... 像这样将其传递给您的下拉组件 <Dropdown placeholder='Name' selection search options={names} className='filter-dropdown' options={displayOptions} onChange={(value)=>setSelected(value.index)} ... />

回答 1 投票 0

Semantic-ui-react Dimmer 警告:findDOMNode 在 StrictMode 中被弃用

当我从 semantic-ui-react 使用 Dimmer 时,我收到警告“findDOMNode 在 StrictMode 中被弃用。findDOMNode 被传递给 StrictMode 内的 RefFindNode 实例。相反,广告...

回答 0 投票 0

React Semantic UI Radio 检查值消失

我有一个问题列表,在每个问题中,我都有单选选项,我可以在其中选择值“单选”或“多选” 问题是,如果我选择相同的...

回答 0 投票 0

无法从Semantic-ui-react Search In-Menu Dropdown Formik中选择项目。

我正在与semantic ui react库中的Search In-Menu下拉菜单做斗争,https:/react.semantic-ui.cmodulesdropdown#types-search-in-menu,我正在这样做。

回答 1 投票 0

使用formsy-semantic-ui-react进行的输入验证无法正常工作。

我正在使用formsy-semantic-ui-react npm包进行输入验证,但它不能正常工作,看到那个红色的警报错误标签,即使我已经擦掉了值也没有隐藏。...

回答 1 投票 1

语义UI React侧边栏可推送功能

我正试图创建一个仅适用于桌面的左侧边栏(最小宽度为1200px),在其他情况下(平板电脑、手机),需要隐藏边栏。我正在使用Semantic UI React的Sidebar Pushable。我试了一下...

回答 1 投票 0

类型'{ data: InvitedUser[]; "": any; }"不可分配给类型 "元素

我有一个排版脚本问题,如果可能的话,我需要一些帮助。我有一个父组件,它将一个结果数组传递给一个子组件,然后我将映射显示......

回答 1 投票 0

如何将邮件包裹在相应的单元格中而不扩展到另一行?

HI,我是reactjs的新手,我的目标是把放在成员字段的邮件包装成类似于快照中的Qualification & experience,以供参考。谁能帮我...

回答 2 投票 0

semantic-ui-react - Menu.Item点击触发组件渲染两次

学习react并使用semantic-ui-react Menu来构建一个SideBarMenu,并有以下问题 如何点击一个Menu.Item触发父组件(SBMenu)渲染?

回答 1 投票 0

在.tsx中,语义-ui-calendar-react闪烁。

日历在.tsx文件中使用DateInput闪动 尝试通过以下方法解决这个问题 为什么当焦点在输入字段时,React中的datepicker会闪动?App1.tsx import React, { useState } from "react"; ...

回答 1 投票 -1

在使用map()函数后,如何使用语义ui React以行格式排列卡片?

当你对卡片进行硬编码时,它工作得很好,而且它们是以行格式排列的,但是当我尝试使用map函数对它们进行迭代时,它没有工作。 const BodyComponent = (props) => ...

回答 1 投票 0

语义UI React.NET 在同一组件中调用多个useEffect的问题。

我需要为组件中的2个下拉元素向我的REST API运行2个查询: useEffect(() => { fetch('movies').then(response => response.json()).then(data => ...

回答 1 投票 0

如何让React网站成为响应式网站

我一直在为组件使用语义用户界面,该网站在桌面上的效果非常好,但在移动端却相当糟糕。我怎样才能将其改造成完全响应式的呢?

回答 1 投票 0

多重选择限制的下拉菜单

我对React和Semantic UI也比较陌生。有一个名为Dropdown的组件与道具多和选择,它允许选择多个项目。不幸的是,有一个在...

回答 3 投票 0

覆盖Semantic React Ui属性的CSS。

我想覆盖属于react语义UI的默认Header。目前,我将我的Header定位在div内,以便对其进行样式设计。

回答 1 投票 0

我如何通过Semantic UI的增强功能将道具从react-router-dom传递到Link组件?

我正在创建一个迷你博客,想点击一篇文章,它将引导我到一个包含点击卡片数据的url。这是我的app.js文件,其中包含了路由路径。我想...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.