Question

我想要的：我的应用顶部的水平选项卡列表，在右端有一个小圆点，单击该选项卡时，会显示这些选项卡的下拉列表。因此，如果标签长度为50个项目，则用户只需单击下拉列表即可。单击下拉菜单中的项目具有与单击该选项卡相同的行为。

我的工作原理：标签是自制的，可以正常工作。 Elipsis会很好地显示下拉列表（我正在使用React-Select），并且选择功能全部正常。

问题：当用户单击省略号时，他们会看到选项的可选列表，但是在省略号和可选列表之间是菜单输入。 我不希望该菜单输入，而是希望它完全从屏幕上消失。

我尝试对React-Select的components api进行摸索，但我什至不知道从哪里开始，因为我没有找到任何示例代码，而且我也不知道该怎么做。解密网站上的文档。

我得到了什么

  <Select
    options={tabList}
    menuIsOpen={openMenu}
    defaultValue={blankOption}
    closeMenuOnSelect
    isSearchable={false}
    onChange={option => handleChange(option)}
  />

Answer 1

您没有提供代码和示例，所以我想您只想删除允许在input组件中搜索选项的Select。为此，您只需要添加false值的isSearchable属性即可。

<Select
  isSearchable={false}
  ...
/>

这里是example

如何在React-Select下拉列表上摆脱输入框

1 个答案: