Reaction-select: Есть ли способ удалить кнопку справа, которая расширяет список, по крайней мере, в асинхронном режиме? - PullRequest
Новая
       6

Reaction-select: Есть ли способ удалить кнопку справа, которая расширяет список, по крайней мере, в асинхронном режиме?

0 голосов
/ 02 марта 2019

Я использую AsyncSelect, и я хотел бы скрыть кнопку со стрелкой вниз справа, ту, которая отображает список опций.

Это может иметь смысл, когда есть опции по умолчанию.Но в моем случае у меня его нет, так что эта кнопка не имеет смысла в моей ситуации.

Есть ли способ удалить / скрыть его, когда он находится в режиме async и нет параметров по умолчанию?

Ниже приведен код 

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

Также возможно отключить тот факт, что компонент отображает пустой список, когда он получает фокус, и отображать совпадающие параметры только при вводе хотя бы одного символа.

Извините за вопрос два в одном.

Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 07 августа 2019

Мы можем удалить выпадающий индикатор, включив DropdownIndicator: () => null в компонентное свойство 

<Select
   components={{ DropdownIndicator:() => null }}
 />
0 голосов
/ 02 марта 2019

Стили реагирование-выбор возможно, но вам нужно прыгнуть через несколько обручей.

У вас есть несколько автоматически сгенерированных элементов, которые вы можете выбрать для стиля - https://react -select.com / styles# style-object

Чтобы узнать, что является клавишей стиля для элемента, на который вы хотите нацелиться, посмотрите на это - https://github.com/JedWatson/react-select/issues/3135#issuecomment-432557568

^ Вам нужно добавитьclassName и classNamePrefix к Компоненту, чтобы увидеть, что это на самом деле.Их документы могли бы быть полезны, но я вижу большое количество проблем и PR в репо, так что я думаю, что шансы невелики, что это произойдет в ближайшее время.

Затем вы можете стилизовать этот ключ, как описано - https://react -select.com / стили # предусмотренные-стили-и-состояние

...