有没有一种方法可以根据值有条件地关闭下拉菜单?

时间:2020-03-21 18:21:05

标签: reactjs react-select

我不确定是否可以对它进行分类,但是我正在尝试根据选定的值关闭下拉菜单,并且似乎需要按下2次单击才能使其起作用。因此,我正在使用closeMenuOnSelect道具,并传递一个布尔状态值,如果选择了所选值之一,则该状态值是交替的。假设我有3个值(1,2,3),并且希望仅在选择值1的情况下关闭下拉列表。但是,我必须选择两次值1才能使下拉菜单折叠。以下是一个简短的代码段:https://codesandbox.io/s/sharp-panini-h3vii

1 个答案:

答案 0 :(得分:2)

您可以使用menuIsOpenonMenuOpen道具的组合来实现这一目标。 closeMenuOnSelect在更改事件期间被重置,因此很明显,在下一次执行Select渲染时,它将关闭select菜单,但是当前Select不会。

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