以编程方式关闭react选择菜单

IT技术 reactjs react-select
2021-05-22 03:59:24

React-select 默认行为是在输入值为空时弹出菜单。我想修改此行为,以便当输入为空时,无论是在用户输入任何内容之前还是用户退格进入空状态之前,菜单都将关闭。

我找不到任何支持这种行为的props,所以我想通过调用一些关闭onInputChange. 就像是:

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

我尝试blur()Selectref使用但它只是在不关闭菜单的情况下模糊了输入,绝对不是我正在寻找的行为。

是否有暴露的props或功能可以满足我的需求?

1个回答

您可以像这样设置menuIsOpenpropsonInputChange

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

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