有没有办法根据一个值有条件地关闭下拉菜单？答案

【问题标题】：Is there a way to conditionally close the dropdown based upon a value?有没有办法根据一个值有条件地关闭下拉菜单？
【发布时间】：2020-03-21 18:21:05
【问题描述】：

我不确定我是否可以将此归类为错误，但我正在尝试根据所选值关闭下拉菜单，并且似乎需要按下 2 次单击才能使其正常工作。因此，我使用 closeMenuOnSelect 道具并传递一个布尔状态值，如果选择了其中一个选定值，则该值是交替的。所以说我有 3 个值 (1,2,3)，并且希望只有在选择值 1 时才关闭下拉菜单。但是，我必须选择值 1 两次才能使下拉菜单折叠起来。这是一个快速的 sn-p：https://codesandbox.io/s/sharp-panini-h3vii

【问题讨论】：

这能回答你的问题吗？stackoverflow.com/questions/60616545/…
@keikai 确实如此

标签： reactjs react-select

【解决方案1】：

你可以使用menuIsOpen 和onMenuOpen 道具的组合来实现这一点。 closeMenuOnSelect 在 on change 事件期间被重置，所以很明显在 Select 的下一次渲染中它将关闭 select 菜单，但当前 Select 不会。

https://codesandbox.io/s/quirky-bhabha-rnvfp

【讨论】：