带有标签的多选下拉字段，不适合的标签自动更改为+金额

Question

我们正在 React 中寻找一个多选下拉字段：

1. 永远是一行
2. 仅向不适合该字段的标签显示标签。当标签不适合时，应将其计为+字段末尾的标签数量。 *3. （另外）它应该拉伸到指定的最大宽度

这应该是我们正在寻找的一个很好的起点： https://mui.com/material-ui/react-autocomplete/#sizes https://vue-multiselect.js.org/ - 非常接近，但没有应用动态计数登录 快速说明 - 我不是开发人员，我是设计师，只是想了解我们正在寻找的东西是否可能，如果是，找到任何可以实现此类逻辑的解决方案。

先谢谢了！

我尝试寻找这样的解决方案已经很长时间了，但找不到任何适合我们需求的东西

Answer 1

您可以使用 React Select 库来实现此目的。目前还不能开箱即用，但我在用户 ebonow 的 this GitHub thread 中找到了一个示例 codepen。

同一线程中还有 thiagopnobre 的修订解决方案。

React Select 是非常可定制的，应该可以让您实现所需的解决方案！