选择最后一个项目后如何自动关闭反应选择菜单？（空列表）

Question

是否有内置选项或简单技巧可以在react-select用户选择最后一个可用项目后自动关闭输入？

我使用该选项，closeMenuOnSelect={false}以便我可以继续选择选项（它们之间没有关闭菜单），但是一旦我选择了所有选项，就不需要让它显示“无项目”消息，我希望它自动关闭。

我可以实现这样的行为，但它是多余的样板，所以我正在寻找内置解决方案，但在https://github.com/JedWatson/react-select#props上没有找到任何解决方案

---

我为此创建了一个功能请求https://github.com/JedWatson/react-select/issues/3936

Answer 1

有一个react-select功能，您可以设置道具noOptionsMessage，null这样当没有更多选项可供选择时，菜单就会关闭。

// react component

<Select 
  ...
  isMulti 
  noOptionsMessage={() => null} 
/>

文档： https: //github.com/JedWatson/react-select#props