☰

react-select: 少なくとも非同期モードで、リストを展開する右側のボタンを削除する方法はありますか? 質問する

tag-icon • tag-icon javascript reactjs react-select
react-select: 少なくとも非同期モードで、リストを展開する右側のボタンを削除する方法はありますか? 質問する

使用していますAsyncSelectが、オプションのリストを表示する右側の下矢印ボタンを非表示にしたいと思います。

デフォルトのオプションがある場合は意味があります。しかし、私の場合は何もないので、そのボタンは意味がありません。

asyncモードになっていてデフォルトのオプションがない場合、それを削除/非表示にする方法はありますか?

以下はコードです

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

また、コンポーネントがフォーカスを取得したときに空のリストが表示され、少なくとも 1 つの文字が入力されたときに一致するオプションのみが表示されるという動作を無効にすることは可能ですか。

2つ同時に質問して申し訳ありません。

前もって感謝します。

ベストアンサー1

DropdownIndicator: () => nullコンポーネント プロパティに含めることでドロップダウン インジケーターを削除できます。

更新:@shlgugと@nickornottoの提案に従って、区切り文字を削除して含めます。IndicatorSeparator:() => null

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

おすすめ記事