小编典典

react-select:至少在异步模式下,有没有办法删除右边扩展列表的按钮?

reactjs

我正在使用AsyncSelect,我想隐藏右边的向下箭头按钮,该按钮显示选项列表。

当有默认选项时,这可能很有意义。但是我的情况我没有,所以那个按钮对我的情况没有意义。

async模式下且没有默认选项时,是否可以删除/隐藏它?

下面是代码

<AsyncSelect
  placeholder="Search ..."
  cacheOptions
  defaultOptions={false}
  value={this.state.currentValue} // Default to null
  loadOptions={this.fetchOptions}
  onChange={...}
  isClearable
/>

同样,可以禁用以下事实:组件在获得焦点时显示一个空列表,而当输入至少一个字符时仅显示匹配的选项。

很抱歉要求二合一。

提前致谢。


阅读 237

收藏
2020-07-22

共1个答案

小编典典

我们可以通过包含DropdownIndicator: () => null在components属性中来删除下拉指示器

<Select
   components={{ DropdownIndicator:() => null }}
 />
2020-07-22