Невозможно редактировать выбранное значение из AsyncSelect - PullRequest
Новая
       37

Невозможно редактировать выбранное значение из AsyncSelect

0 голосов
/ 30 января 2020

Я использую AsyncSelect из react-select для асинхронного заполнения списка опций.

Я хочу, чтобы, когда вы выбираете опцию и щелкаете по входу, вы можете продолжить редактировать выбор.

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

Я посмотрел на react-select github для вопросов и наткнулся на

https://github.com/JedWatson/react-select/issues/1868 https://github.com/JedWatson/react-select/issues/1558

Однако эти исправления не работают для AsyncSelect. 

handleFocus = element => {
  if (this.state.value) {
    // This works for regular Select but not Async
    this.select.state.inputValue = this.state.value.label;
  }
};
render() {
  const { isLoading, options, value } = this.state;

  return (
    <Async
      ref={ref => {
        this.select = ref;
      }}
      isClearable
      blurInputOnSelect={true}
      isDisabled={isLoading}
      isLoading={isLoading}
      onChange={this.handleChange}
      onCreateOption={this.handleCreate}
      onMenuClose={this.handleMenuClose}
      onFocus={this.handleFocus}
      loadOptions={this.getOptions}
      value={value}
    />
  );
}

Вот CodeSandbox с исправлением, которое работает на Select, но не на Aysnc

У кого-нибудь есть какие-либо предложения? Был бы очень признателен.

...