react-select:多值下拉框不会在外部点击时关闭



我有两个多值react-select下拉框作为更大的过滤器组件的一部分。我遇到的问题是,当你打开一个下拉菜单,选择一个或多个值,然后点击它外面,那么下拉菜单不关闭。

如果您单击下拉框的外部而没有选择任何值,则它会按预期关闭。如果您选择一个值并通过单击控件关闭下拉菜单,然后再次打开它,则在外部单击时关闭。

重现问题的代码在这里:https://codesandbox.io/s/nervous-wildflower-evmi0z

有人知道为什么会发生这种情况吗?

因为你使用的是一个库,而他们并没有为你提供当你点击外部时关闭下拉菜单的功能。在这种情况下,您应该使用css自定义Dropdown组件。读一读这个问题可能会对你有所帮助:点击外部

时,React-select不会关闭

最新更新