react-select 相关问题

用React JS构建的Select控件

使用CSS-in-JS为ReactSelect设置样式

这是一个链接到另一个很好的stackoverflow帖子,我基于我的初步答案。我试图设置我的ReactSelect组件的样式,使它看起来像这样:从...开始并不明显

回答 1 投票 0

传递具有与React-select相同的多个值的选项

下面是我如何调用Select菜单的片段:import从'react-select'中选择; const SelectMenu =(props)=> {const {options,defaultValue,onChange,name,label} = props;回来(...

回答 1 投票 1

选择后,使用输入选择可选择的可搜索元素

所以我在使用react-select时遇到了一些困难。我的目标是有一个可搜索的选择元素,但是当选择一个选项时,我需要添加更多的字母/数字。例如 ...

回答 1 投票 0

风格反应选择与阿芙罗狄蒂

我正在尝试使用在aphrodite中构建的一些现有样式来设计第三方组件反应选择。组件上有一些道具,允许您将定义类的className传递给...

回答 1 投票 1

React-select不会在Enter上提交表单

我正在使用Formik和React-Select,我想在关注select时按回车键提交表单。当我专注于任何其他输入并按Enter键时,它提交表单没有任何问题...

回答 1 投票 0

使用react-select及其menuIsOpen属性的问题

我正在研究一个需要使用选项列表的复杂组件。我已经在我的应用程序中使用react-select,所以在这个实例中重用它是有意义的。我想嵌入......

回答 1 投票 1

react-select noOptionsMessageCSS无法正常工作

我正在尝试为react-select做一些样式。到目前为止我已经做到了这一点。我需要的是改变“无选项消息”的颜色。但是,正如我们在沙盒中看到的那样,颜色不是......

回答 1 投票 0

如何为反应选择异步设置defaultValue而不是在onBlur v2.0.0时重置?

我尝试应用react-select创建异步选择,如演示,并希望为输入添加默认值。如下所示,onBlur时默认值将清除,因为onBlur将默认值...

回答 1 投票 3

是onClick属性和函数在react-select上公开了吗?

我想在react-select的option元素上延迟onClick事件。示例:从“react”导入React;从“react-select”导入{components}; const Option = props => {const {label,...

回答 1 投票 1

如何禁用所选值以使其在react-select中显示在输入栏中?

const options = [{值:'chocolate',标签:'Chocolate'},{值:'strawberry',标签:'Strawberry'},{值:'vanilla',标签:'Vanilla'}]; const Option = props => {// const ...

回答 3 投票 0

反应 - 选择如何制作预选的固定选项

我想制作一个根据w无法删除的预先选择的选项。是否访问过客户端,这是我想要实现的const {clients} = this.props.clients; const ...

回答 1 投票 0

反应选择显示和隐藏menuList

我正在尝试使用react-select。我有一定的条件(布尔值),当param为true时,react-select的某些属性/属性会根据逻辑而改变。一个如果它们是menuList。我......

回答 1 投票 0

如何将react-perfect-scrollbar与react-select集成

我想将样式应用于滚动条,滚动条样式在使用css的chrome中完美运行。但在Firefox和Iexplore中不起作用。因此我选择了完美的滚动条,但滚动条不会像...一样移动

回答 1 投票 2

在用户输入时停止make react-select width扩展

我正在使用react-select。但是,不知何故,当用户输入如此多的字符时,输入容器会水平增长,甚至会破坏屏幕(屏幕上的宽度)。如何制作宽度......

回答 1 投票 0

编辑react-select的最后一个输入

我正在使用react-select,只是注意到当我已经在输入字段中有值时(通过用户类型或通过选择菜单列表中的选项),然后我模糊输入然后再次聚焦 - ...

回答 1 投票 -1

如何使用react-testing-library在react-select组件上触发change事件?

鉴于我无法直接使用react-testing-library测试内部,我将如何测试使用react-select的组件?例如,如果我有一个基于值的条件渲染...

回答 2 投票 3

反应选择的addeventlistener

我正在使用react-select lib。我想在componentDidMount中使用addEventListener,但不幸的是,当我更改,聚焦或模糊Select时,window.addEventListener('change'/'focus'/'blur',...

回答 1 投票 0

根据值在react-select中添加选项旁边的一些文本

我正在使用react-select,需要根据某些条件添加图像'default category'中的文本。有没有办法实现这个目标?我的代码:renderCategories(categories){const temp = [] ...

回答 1 投票 1

如何将React-Select与Rest API(远程数据)集成

我是ReactJS的新手,我试图创建一个带有值列表的组件(应该从API获取)并且应该允许搜索。 https://codesandbox.io/s/v1v1xp1xn3以上示例正在运行......

回答 1 投票 0

react-select - onInputChange事件不记录所选选项的值,那么如何获取它?

根据组件doc上的异步示例,onInputChange事件仅记录您键入的值,但是一旦选择了一个选项,就会清除所有内容。我认为目标应该是......

回答 1 投票 0

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