React Select 受控道具 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}/> 在第 21 行的末尾放置一个双分号。