react-select 相关问题

用React JS构建的Select控件

防止选择在选择值后关闭

我使用react-select组件在Javascript React中创建了一个自定义下拉菜单。通过使用 optionComponent 属性,我能够使用复选框渲染每个选项(参见图片)。我的问题...

回答 2 投票 0

在React-Select中用自定义文本替换clearIndicator X

我需要删除MultiSelect上选择组件中clearIndicator的默认X,并将其替换为自定义文本。有没有办法做到这一点而不失去删除所选 o 的能力...

回答 2 投票 0

使用react multiSelect,我如何选择突出显示的项目

我正在使用 https://react-select.com/home 来显示项目列表。由于其他因素,我目前正在使用多项选择,尽管我们总是只选择一项。默认行为请参阅...

回答 1 投票 0

来自chakra-ui和react-select的浮动标签

作为菜鸟,我将 ReactSelect 作为默认组件,并且我在使用 chakra-ui 实现浮动标签时遇到了麻烦,如此处所示。 尝试添加 className="identifier" 所以

回答 1 投票 0

关闭容器滚动菜单

我想在将容器滚动到选择控件之外时关闭反应选择菜单。官方的 React-Select 文档中有一个 closeMenuOnScroll 属性,其中说明了以下内容...

回答 3 投票 0

在 React 中使用键和值添加不同的 id 从 csv 标题中选择多个

当我上传 csv 文件时,我将标题和行分开以供将来使用。我想使用react-select显示该csv的所有标题,用户可以选择他们想要保留的标题,然后...

回答 1 投票 0

从路由器 6 操作方法中的 react-select 中检索多选值数组

我已经知道如何使用 react-select 并通过 onChange 更新状态来检索多选。但是,我现在正在学习 react-router 6 操作方法并尝试合并 react-select

回答 0 投票 0

React 总是在使用 react-select 元素删除顶行时删除最后一行

我有一个 html 表,其中每一行都有 react-select 元素和按钮来删除同一行。我传递选定的行索引并尝试删除同一行。当删除最后一个...

回答 0 投票 0

React Select Multi Select Check box -With Select All

我正在寻找一些具有多选复选框和全选选项功能的 React 组件,我可以看到很少的组件,但它没有全选内置功能。任何一点...

回答 1 投票 0

react-select force force选项

我有一个选择定义: 我有一个选择定义: <Select value={brand} menuPortalTarget={document.body} isSearchable={ true } fullWidth placeholder="Search Brand" options={getBrand} className="select indent" onChange={handleBrandChange} getBrand 是选项。我想要做的是在这个选项列表“No Brand”之前添加,而不编辑 getBrand 来自的数组来填充选项。

回答 0 投票 0

Click 事件未在移动视图中的 React Select 中捕获

从“@/src/Components/Common/DatePicker”导入 DatePicker 从“@/src/Constants/AppPaths”导入{SEARCH_PAGE} 从“@/src/Constants/GenericCons 导入 { DATE_FORMATS }...

回答 0 投票 0

我们如何从数据库中检索保存的值以在反应中选择下拉列表?

我正在使用 React 和 Python 构建一个 Web 应用程序(后端) 该应用程序有一个标识符字段和几个要填写的下拉列表。这个应用程序有一个功能来保存

回答 0 投票 0

React-选择令人困惑的颜色选项

我正在使用 React-Select 库,并且有这样的代码: 我正在使用 React-Select 库,并且有这样的代码: <SortableSelect useDragHandle axis="xy" onSortEnd={onSortEnd} distance={4} getHelperDimensions={({ node }) => node.getBoundingClientRect()} isMulti options={selectableData} labelKey="username" onChange={onChange} components={{ MultiValue: SortableMultiValue, MultiValueLabel: SortableMultiValueLabel, }} className={classOfSelect} defaultValue={ selectableData && selectableData.length >= 2 ? [selectableData[0], selectableData[1]] : []} closeMenuOnSelect={false} /> 我已经阅读了官方文件,但是它不是很详细的文件,也找不到任何相关信息。 我怎样才能改变我的组件的颜色? 为我的组件分配颜色。 我也有同样的问题。幸运的是,我在我的代码中添加了一些注释。 这些是: <SortableSelect theme={(theme) => ({ ...theme, borderRadius: "6px", colors: { ...theme.colors, primary25: 'gray', // Selectable options backgroundColor when hovered primary: 'green', //outer border,close and dropdown icon color when page focused neutral0:"red", //main container backgroundColor neutral20: "red", // outer border,close and dropdown icon color when page reloaded neutral60: "green", //outer border,close and dropdown icon color when elements hovered }, })} />

回答 1 投票 0

onChange 在 React 中的 react-bootstrap Modal 和 react-draggable 组件中的 react-select Dropdown 中不起作用

我在 React 项目中使用 react-select 库来呈现下拉选择框。我定义了一个选项数组,其中包含一个带有标签“a”的选项。我也定义了...

回答 1 投票 0

如何在打字稿中为 React-Select 定义 onChange 处理程序

我无法正确输入 onchange 函数。我创建了一个处理函数,但打字稿一直抱怨类型不匹配。 我的功能: 私有 handleChange(选项:Array<{label: s...

回答 9 投票 0

无法正确重置 react-select 的值和标签

我有一个带有反应选择标签的反应组件来过滤表格中的数据。 我想在某个事件时清除 select 标签的值和标签(我的意思是选择元素中显示的文本)

回答 1 投票 0

React-select 无法将 scss.module 识别为 className 和 classNamePrefix

嗨,我刚开始使用 react-select,当我尝试像这样应用 className={styles.select} 时,当我检查页面时,没有适用于它的类。另一方面,如果我把它设置成

回答 1 投票 0

react-select中的className不适用

我刚开始使用 react-select,当我尝试使用 scss 添加我的样式时,它们不适用,我知道有样式选项,您可以在其中设置选项样式和控件,但我想要一个清晰的...

回答 1 投票 0

我们可以将下拉指示器从左移到右吗?

我正在使用 React Select,这里的组件选项在向下箭头图标之前显示指示器 我想知道我们是否可以像下面那样从左到右切换 Indicator 的位置

回答 0 投票 0

react-select 添加边框红色

我正在使用 react-select,我正在尝试添加红色边框: 这是我的组件选择: 从“反应”导入反应; import ReactSelect, { GroupBase, Props } from "react-select";

回答 1 投票 0

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