React Select受控道具菜单IsOpen不再可单击菜单

Question

我一直在以编程方式打开/关闭React-Select组件，同时仍然保持select元素的正常点击功能。

我需要通过JavaScript以编程方式打开选择，而我已经使用menuIsOpen属性进行了工作。

我无法在关闭的select的click事件上切换isOpen属性。

首先，我尝试将click事件添加到父对象，但是当菜单打开并选择了一个选项时，它将覆盖onChange事件。

这是我面临的问题的一个示例：

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

我仍然希望能够单击选择（名称或箭头）来切换打开/关闭下拉菜单，并保持复选框切换功能。

如果有人对我可以添加click事件的方法有任何建议，但仍然使用menuIsOpen prop保留了功能，将不胜感激！

Answer 1

<Select ... &nbsp; &nbsp; &nbsp; onChange={() => this.setState({ menuIsOpen: false })} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;onFocus={this.toggleMenuIsOpen}/>&nbsp;在第二十一行的末尾，您输入了一个双分号。