Question

能否请您告诉我如何在输入字段的焦点上显示选择框，然后从下拉菜单中选择项目后关闭？这是我的代码

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

请参阅链接以获取更新的代码：https://codesandbox.io/s/mmjvp25z38

我使用了onFocus来显示下拉列表
用于handleSelectedChange方法和通过设置状态更新的菜单IsOpen prop

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

1 个答案: