javascript - React Select 受控 Prop menuIsOpen 不再可点击菜单

Question

我一直在努力以编程方式打开/关闭 React-Select 组件，同时仍然保留选择元素的正常单击功能。

我需要通过 JavaScript 以编程方式打开选择，我使用 menuIsOpen 属性来工作。

不过，我无法在关闭选择的单击事件上切换属性 isOpen。

首先，我尝试向父级添加单击事件，但是当菜单打开并选择选项时，该事件会覆盖 onChange 事件。

这是我面临的问题的示例:

https://codesandbox.io/s/kmplx9yxl3?module=/example.js

我希望仍然能够单击选择(名称或箭头)来切换打开/关闭下拉列表，并保留复选框切换功能。

如果有人对我如何添加点击事件但仍然使用 menuIsOpen 属性保留功能有任何建议，我将不胜感激!

Answer 1

<Select ...
onChange={() => this.setState({ menuIsOpen: false })}
onFocus={this.toggleMenuIsOpen}/>在第二十一行末尾放置一个双分号。