容器滚动上的关闭菜单

Question

我想在选择控件之外滚动容器时关闭反应选择菜单。官方 react-select 文档中有一个 closeMenuOnScroll 道具，其中说明了以下内容： closeMenuOnScroll prop

但是，当我在 <Select /> 组件上设置 closeMenuOnScroll={() => true} 属性时，即使我在其中滚动它也会关闭菜单（我无法滚动菜单选项，因为它会自动关闭）。

<Select
   options={options}
   closeMenuOnScroll={() => true}
/>

我尝试实现的是在我在 react-select 组件内滚动时浏览（滚动）菜单项，如果我滚动退出，则 关闭菜单它。

谢谢。

Answer 1

我想为时已晚，但这里有一个解决您问题的方法。

 closeMenuOnScroll={(e) => {
                  if (e.target.className === " css-4ljt47-MenuList") {
                    return false;
                  } else {
                    return true;
                  }
                }}

在我的例子中，“css-4ljt47-MenuList”是我的 menuList 的类名。

这很顺利。