隐藏多选选项-react-select

Question

使用反应选择有一个选择下拉列表，允许异步选项加载和多选。库的默认行为将所选选项呈现在输入本身旁边：

但我想在选项列表中而不是在选择标题中显示选定的选项。我通过传递自定义选项组件实现了这一点。这是工作示例：

https://codesandbox.io/s/trusting-hellman-yidqn

现在我想从标题中删除/隐藏所选选项。另外，当焦点不在输入范围内时，我想显示占位符。

Answer 1

如果您不希望标签显示在输入字段中，可以通过controlShouldRenderValue={false}向项目添加属性来禁用它。