Reactjs 如何在焦点上显示选择框并在选择后关闭？

您能告诉我如何在输入框的焦点上显示选择框，并在从下拉列表中选择项目后关闭吗？ 这是我的密码

return (
      <div className="App">
        <Select
          value={selectedOption}
          closeMenuOnSelect={false}
          menuIsOpen={menuIsOpen}
          isMulti={true}
          className="select-item"
          classNamePrefix="select-item"
          onInputChange={() => this.setState({ menuIsOpen: true })}
          onChange={this.handleSelectedChange}
          options={options}
        />
      </div>
    );

返回(
this.setState（{menuIsOpen:true}）
onChange={this.handleSelectedChange}
选项={options}
/>
);

使用这个插件

---

有关更新的代码，请参阅链接：

我用焦点显示下拉列表

用于handleSelectedChange方法，并通过设置状态更新menuIsOpen属性

---

有关更新的代码，请参阅链接：

我用焦点显示下拉列表

用于handleSelectedChange方法，并通过设置状态更新menuIsOpen属性

---

工作正常，但当您单击下拉列表外部时未隐藏。@HarishSoni请立即检查链接，我已更新以修复该问题。工作正常，但当您单击下拉列表外部时未隐藏。@HarishSoni请立即检查链接，我已更新以修复该问题