Javascript 反应选择受控道具菜单打开不再可点击菜单

Javascript 反应选择受控道具菜单打开不再可点击菜单,javascript,jquery,reactjs,react-native,Javascript,Jquery,Reactjs,React Native,我一直在努力以编程方式打开/关闭React Select组件,同时仍然保持Select元素的正常单击功能 我需要通过JavaScript以编程方式打开select,我已经使用MenusOpen属性打开了它 但是,我无法在关闭的“选择”的单击事件上切换“isOpen”属性 首先,我尝试向父级添加一个单击事件,但当菜单打开并选择一个选项时,它会覆盖onChange事件 下面是我面临的问题的一个例子: 我希望仍然能够单击选择(名称或箭头)切换打开/关闭下拉列表,并保留复选框切换功能 如果有人对我如何

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

我需要通过JavaScript以编程方式打开select,我已经使用MenusOpen属性打开了它

但是,我无法在关闭的“选择”的单击事件上切换“isOpen”属性

首先,我尝试向父级添加一个单击事件,但当菜单打开并选择一个选项时,它会覆盖onChange事件

下面是我面临的问题的一个例子:

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

如果有人对我如何添加点击事件有任何建议,但仍然使用MenuiOpen道具保留功能,那将不胜感激

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

this.setState({menuIsOpen:false}})
onFocus={this.toggleMenuIsOpen}/>

在第二十一行的末尾,您添加了一个双分号。

我必须添加onBlur={this.toggleMenuIsOpen},但就是这样!!非常感谢!!我不得不添加onBlur={this.toggleMenuIsOpen},但就是这样!!非常感谢!!