React Asyn c Select - Как программно сфокусировать / развернуть раскрывающийся список после разрешения функции asyn c loadOptions? - PullRequest
0 голосов
/ 17 января 2020

Короче говоря, я пытаюсь использовать элемент React Select <AsyncSelect />, чтобы отобразить список опций, которые загружаются асинхронно через вызов для сервиса. В конечном итоге доступ к данным опций осуществляется через опору loadOptions, и после завершения вызова и получения опций я бы хотел расширить список опций. В настоящее время кажется, что это возможно только в том случае, если я действительно нажму на выпадающий список. Фокусировка выпадающего меню не работает. Кроме того, создание ссылки с помощью метода React createRef и связывание его с элементом, похоже, тоже не помогает. Я бы очень хотел, чтобы вам не приходилось управлять состоянием раскрытия выпадающего меню с помощью menuIsOpen, хотя, если бы существовал простой способ переключить это свойство с помощью обработчиков blur() и focus(), это могло бы быть нормально. Кроме того, я как бы в растерянности.

Вот мой выбор:

<AsyncSelect
  menuPlacement="auto"
  cacheOptions
  defaultOptions
  className={someClassNames}
  classes={someClasses}
  styles={someStyles}
  loadOptions={methodThatLoadsOptionsData}
  components={someComponent}
  onChange={handleChange}
/>

...