Программно закрыть меню реакции-выбора

Question

Поведение React-select default заключается в открытии всплывающего меню, когда входное значение пусто.Я хочу изменить это поведение таким образом, чтобы при пустом вводе, до того, как пользователь что-либо набрал, или когда пользователь отступил, чтобы перейти в пустое состояние, меню будет закрыто.

Я не смог найти ни одногоprop, который включает это поведение, поэтому я подумал сделать это программно, вызвав некоторую функцию, которая закрывает меню в onInputChange.Что-то вроде:

onInputChange={(inputValue) => {
      this.setState({
        inputValue,
      });
      this.selectRef.closeMenu();
    }}

Я пытался использовать blur() на Select ref, но это просто размыло ввод без закрытия меню, определенно не то поведение, которое я ищу.

Есть ли подставка или функция, которая может удовлетворить мои потребности?

Answer 1

Вы можете установить menuIsOpen опору onInputChange следующим образом:

handleInputChange = input => {
    this.setState({ open: !!input });
}

<Select
    onInputChange={this.handleInputChange}
    menuIsOpen={this.state.open}
/>