使用React-Select时,单击/激活时替换的选定值将显示为占位符值

问题描述

我们有一个使用React-Select创建的选择窗口小部件。这是我们的选择与所选择的选项,当选择不集中或活性:

enter image description here

悬停时,它会变暗:

enter image description here

在单击/时,如果激活,则会添加一个闪烁的光标:

enter image description here

单击/激活时,最初没有下拉菜单。根据{{​​3}},此选择使用LiveSearch。结果,当用户单击搜索时,没有下拉菜单,因为没有搜索任何内容,因此实时搜索将为选项返回一个空白数组。

是否可以在单击/激活时将“ Duke Blue Devils”文本替换为某种占位符?如果没有下拉菜单,仅闪烁的光标不能传达足够强的强度,以至于这是一个搜索的字段。当然,在搜索了一些文本之后,“杜克蓝魔”文本将替换为搜索到的文本:

this tutorial

但是,在此之前,最好先在框上点击但在搜索任何文本之前添加我自己的占位符文本(例如“搜索团队”)。

很乐意为选择小部件共享ReactSelect代码,如果有帮助的话。预先感谢!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)