时间戳

首页 > 解决方案 > 关闭清除下拉菜单

javascript - 关闭清除下拉菜单

问题描述

我正在使用带有该选项的 react-dropdown-selectclearable，但是当我清除下拉菜单时保持打开状态，我希望它在清除后关闭。到目前为止，我尝试制作一个自定义 Select 类并覆盖其clearRenderer()回调道具以使用dropDown()int 方法，如下所示：

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

但我无法让它工作。

我是 javascript 的新手，我可能在这里遗漏了一些东西，感谢您的帮助。

标签： javascriptreactjsreact-select

解决方案

如果您在下拉菜单上设置了 closeOnSelect，那么当您清除它时它将关闭。

如果您希望它在正常选择时保持打开状态，那么这将起作用：https ://codesandbox.io/s/old-glade-l2hkv 。它所做的是在 onClearAll 处理程序中，使用 ref 调用 select 组件中的方法来切换下拉菜单。

推荐阅读