清除时关闭下拉菜单

问题描述 投票:2回答:1

我正在将react-dropdown-selectclearable选项一起使用,但是当我清除下拉菜单时,它保持打开状态,我希望它一经清除就关闭。到目前为止,我试图制作一个自定义的Select类,并重写其clearRenderer()回调道具以将dropDown()方法用于其中,如下所示:

class MySelect extends Select {
    clearRenderer = ({ props, state, methods }) => {
        methods.dropDown('close');
    };
}

但是我无法正常工作。

我是javascript新手,可能在这里缺少了一些东西,谢谢您的帮助。

javascript reactjs react-select
1个回答
2
投票

如果在下拉菜单上设置closeOnSelect,则清除后它将关闭。

如果您希望它在常规选择下保持打开状态,那么它将起作用:https://codesandbox.io/s/old-glade-l2hkv。它的作用是在onClearAll处理程序中,使用ref来调用select组件中的方法以切换下拉列表。

© www.soinside.com 2019 - 2024. All rights reserved.