react-select：有没有办法至少在异步模式下删除右侧展开列表的按钮？

Question

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

当有默认选项时，它才有意义。但就我而言，我没有，所以那个按钮对我的情况毫无意义。

在 async 模式下没有默认选项时，有没有办法删除/隐藏它？

下面是代码

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

另外，是否可以禁用组件在获得焦点时显示空列表的事实，并且仅在输入至少一个字符时才显示匹配的选项。

很抱歉问二合一。

提前致谢。

原文由 acmoune 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

更新：正如@shlgug 和@nickornotto 建议通过包含 IndicatorSeparator:() => null 删除分隔符

<Select
   components={{ DropdownIndicator:() => null, IndicatorSeparator:() => null }}
 />

原文由 rajesh kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

要扩展 rajesh kumar 的答案，您可以使用以下方法删除下拉指示器和指示器分隔符（选择文本和下拉箭头之间的水平线）：

 <Select
    components={{ DropdownIndicator:() => null, IndicatorSeparator:() => null }}
/>

原文由 shlgug 发布，翻译遵循 CC BY-SA 4.0 许可协议