reactjs - 选择最后一项后如何自动关闭 react 选择菜单？ (空列表)

Question

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

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

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

---

I've created a feature request for this https://github.com/JedWatson/react-select/issues/3936

Answer 1

有一个 react-select 功能，您可以在其中将 Prop noOptionsMessage 设置为 null 因此当没有更多选项时菜单将关闭可供选择。

// react component

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

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