Как изменить текст по умолчанию, отображаемый, если не выбран ни один параметр? - PullRequest
Новая
       3

Как изменить текст по умолчанию, отображаемый, если не выбран ни один параметр?

0 голосов
/ 21 июня 2020

По умолчанию при рендеринге response-select я вижу "Select ..." на компоненте. Я хочу увидеть «Поиск ...».

Глядя на документы , я предполагаю, что мне нужно использовать опцию noOptionsMessage, которая задокументирована как: 

noOptionsMessage function = () => undefined
Text to display when there are no options

({
inputValue string required
}) => One of<
react.Node,
null
>

Я не совсем понял эту часть документации. Например, эта опора кажется функцией. Итак, я безуспешно пробовал варианты, включая следующие: 

<AsyncSelect
   cacheOptions
   defaultOptions={[]}
   loadOptions={handleLoadOptions}
   onChange={handleChange}
   noOptionsMessage={()=> "Search..."}
/>

Итак, каково решение?

1 Ответ

1 голос
/ 21 июня 2020

Добавить заполнитель в AsyncSelect. 

    <AsyncSelect
   cacheOptions
   defaultOptions={[]}
   loadOptions={handleLoadOptions}
   onChange={handleChange}
   placeholder='Search...'
/>

Общие свойства, которые вы можете указать, включают:

autoFocus - сфокусируйте элемент управления, когда он монтирует className - примените className к элементу управления classNamePrefix - применить classNames к внутренним элементам с заданным префиксом isDisabled - отключить элемент управления isMulti - разрешить пользователю выбирать несколько значений isSearchable - разрешить пользователю искать совпадающие имена параметров - сгенерировать ввод HTML с этим именем, содержащий текущее значение onChange - подписаться на изменение параметров событий - указать параметры, которые пользователь может выбрать из заполнитель - изменить текст, отображаемый, когда ни один параметр не выбран значение - контролировать текущее значение

...