React-select. Async не загружает опции на onClick

Question

Мне нужен Async Reaction-Select, который будет загружать опции из бэкэнда, и пользователи смогут выбирать несколько опций.Однако, когда inputValue уже введено и пользователи щелкают по выбранным параметрам ввода, не загружается.Они загружаются только при вводе чего-либо.

Пример кода песочницы

Входное значение остается прежним

EDIT: answer

Чтобы перезагрузить параметры по умолчанию, вам нужно передать defaultOptions в асинхронный выбор, а не просто в true.Это можно сделать, установив defaultOptions для состояния в componentDidMount и прослушивая действие «закрытие меню» в onInputChange, и установив defaultOptions для состояния там.Это обеспечит то, что при монтировании компонента будут присутствовать defaultOptions, а когда меню закрыто, параметры будут повторно загружаться с новым inputValue.

Answer 1

Чтобы перезагрузить параметры по умолчанию, вам нужно передать defaultOptions в Async select, а не просто в true.Это можно сделать, установив defaultOptions для состояния в componentDidMount и прослушивая действие «закрытие меню» в onInputChange, и установив defaultOptions для состояния там.Это обеспечит то, что при монтировании компонента будут присутствовать defaultOptions, а при закрытии меню параметры будут переизбираться с новым inputValue.

Рабочий пример

Answer 2

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

<AsyncSelect loadOptions={myAsyncMethod} defaultOptions />