react-select相关内容

react-select:在检查器中进行样式设置时如何保持下拉菜单打开?

我正在使用 react-select 并且我正在对其进行自定义,但我没有找到执行此操作的选项.在我设计样式时,是否有一些解决方法可以让下拉菜单保持打开状态? 解决方案 在 chrome 中,进入 Elements > Event Listeners > 打开“blur" > 用鼠标移动到写有“document"的右侧,然后你可以看到一个按钮“删除">点击它 ..
发布时间:2022-01-21 10:50:03 其他开发

React-Select 滚动条样式

我正在尝试从 react-select 更改滚动条的样式并对其进行自定义.有人知道怎么做吗? 这是我想要设置样式的css代码 /* 滚动条 */::-webkit-滚动条 {宽度:4px;高度:0px;}::-webkit-滚动条轨道 {背景:#f1f1f1;}::-webkit-scrollbar-thumb {背景:#888;}::-webkit-scrollbar-thumb:hov ..
发布时间:2022-01-19 12:37:32 其他开发

react-select 动态下拉列表,在用户输入时加载异步选项

我是 React 的新手,我正在尝试合并 2 个不同的功能.一种动态表单,您可以在其中添加和/或删除输入和一个带有异步 react-select 的表单,您可以在其中开始输入一个单词,然后出现选项并根据 API 源(例如基于连接的用户)进行过滤 我快完成了(我想)但是: 当我开始输入时,我正确地看到了我的选项......并且选项被正确过滤但是当我点击一个项目(选择这个项目)时,我得到一 ..
发布时间:2021-11-15 04:47:23 前端开发

React-Select onClick 多标签防止打开下拉菜单

我正在使用 React-Select 的一个分支来添加自定义功能的项目.当用户单击其中一个标签时(当 multi 设置为 true 时),我试图禁止下拉菜单打开.因此,如果用户单击其中一个标签,下拉菜单将不会打开.我查看了 Value.js 文件,看看是否可以找到通过点击标签触发的 isOpen 状态,但找不到. 这是说明我的意思的屏幕截图. 解决方案 如果使用自定义标签组件 (va ..
发布时间:2021-07-05 18:36:38 前端开发

重置 redux-form 时,react-select 不会清除值

我有一个无状态的 React 函数来渲染一个 react-select Select 到一个表单.除了 redux-form 被重置时,其他一切都可以很好地与 redux-form 配合使用.成功发布后,我需要手动重置表单. onChange 和 onBlur 在 Select 值更改时正确更改 redux-form 值.当我重置 redux-form 时,redux-form 值被清除,但 ..
发布时间:2021-07-05 18:36:35 其他开发

react-table 使用 react-select 非常慢:如何加快速度?

我有一个用 react-table 显示的可编辑数据表.我正在为单元格使用 react-select .每当我更改条目时,页面更新需要很长时间(接近一秒).我怎样才能加快速度? 这是官方“可编辑表"的一个分支;示例:https://codesandbox.io/s/gracious-cdn-fcu3i?file=/src/App.js,修改为使用 而不是 . 该官方示例中的部分代码更新 ..
发布时间:2021-07-05 18:36:22 其他开发

反应选择下拉选项未正确存储

我正在使用 react-select 下拉菜单以允许用户选择多个选项在 A、B 和 C 之间.目前这适用于 UI,但当一个选项被取消选择时,它不会从数组中删除.谁能给我一些关于如何做到这一点的提示?(比如A、B、C都被选中了,那么A没有被选中,怎么才能把A从数组中去掉?) var selection = [];常量选择 = [{ 值:'a',标签:'a' },{ 值:'b',标签:'b' },{ ..
发布时间:2021-07-05 18:36:16 前端开发

我可以从下拉选择变量中删除“null"吗

我有一个多选下拉菜单,允许我的用户使用 react-select 选择多个 A、B 和/或 C 选项.每次选择一个时,我都希望将其添加到“选择"变量中以进行记录.我有这个工作,但因为我必须先声明我的变量,它在变量中保存了 'null'.我该如何摆脱这个?代码如下. handleChange = (selectedChoice) =>{this.setState({ selectedChoice ..
发布时间:2021-07-05 18:36:14 前端开发

React-select isMulti 选择所有过滤选项

我需要在我的多选中添加“全选"选项.如果至少有 1 个过滤选项,则应显示它.点击“全选",然后只添加过滤选项(不一定是所有选项)到已选择的选项. 输入为空,因此所有选项都被“过滤": 单击“全选"选项会将所有选项添加到所选选项中. 输入包含“自定义",所以只剩下一个选项: 单击“全选"选项将仅将该选项添加到所选选项中. 添加“全选"选项来添加所有初始选项很容易,但这不 ..
发布时间:2021-07-05 18:36:11 前端开发

如何在菜单下拉react-select中删除padding-top?

如何在菜单下拉react-select中删除padding-top? const customStyles = {指标分隔符:样式 =>({ ...styles, display: "none" }),选项:(提供,状态)=>({...假如,字体大小:16,高度:“40px",paddingLeft: "11px",“:第一个孩子": {边距:“10px",填充:“10px",边界半径:“10p ..
发布时间:2021-07-05 18:36:08 其他开发

为什么 Webpack 4 缩小会阻止 react-select 组件的样式?

我有一个由 Webpack 捆绑并由 react_on_rails 提供的 React 项目.在这个项目中,我使用了 react-select 中的 Select 组件.使用 Webpack 3 时一切正常.升级到 Webpack 4 后,在 development 模式下一切也正常.但是,当我在 production 模式下构建时,react-select 中的 Select 组件没有应用任何样 ..

选择时如何更改反应选择选项样式

我正在使用 react-select latest 创建一个异步选择组件.一旦我选择了某个值,我就会尝试更改选择的背景颜色和边框颜色.我浏览了文档并尝试使用 state.isSelected 有条件地更改背景颜色.但没有帮助. 当值选择如下,我想更改背景颜色和边框颜色.但似乎什么都没有发生.帮助将不胜感激 解决方案 方法 参考文档:react-select 自定义样式 您 ..
发布时间:2021-07-05 18:35:59 前端开发