如何在焦点上显示 select 框并在 select 后关闭？

Question

你能告诉我如何在输入字段的焦点上显示 select 框并在下拉列表中的 select 项后关闭吗？这是我的代码

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>
    );

https://codesandbox.io/s/5v41wrxw9n

使用这个插件 https://github.com/JedWatson/react-select

Answer 1

请参阅 link 更新代码：https://codesandbox.io/s/mmjvp25z38

我使用 onFocus 来显示下拉菜单
用于 handleSelectedChange 方法并通过设置状态更新 menuIsOpen 属性

如何在焦点上显示 select 框并在 select 后关闭？

How to show select box on focus and close after select?

reactjs

react-select

redux