Javascript Antd多选选项，但从搜索字段中删除条目

我正在使用Ant Design的Select功能。特别是多重选择

我想保持我的选择完好无损，但我想删除搜索字段中的条目

在图像中，我想突出显示下拉列表中的选择，但要删除以红色突出显示的条目

这是我使用的代码

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“/index.css”；
从“antd”导入{Select，Radio}；
const{Option}=Select；
const children=[]；
for（设i=10；i<36；i++）{
推（i.toString（36）+i}）；
}
函数句柄更改（值）{
log（`Selected:${value}`）；
}
类SelectSizesDemo扩展React.Component{
状态={
大小：“默认”
};
handleSizeChange=e=>{
this.setState（{size:e.target.value}）；
};
render（）{
const{size}=this.state；
返回(
{儿童}
);
}
}
render（，document.getElementById（“容器”）；

我尝试在Select标记中设置value={[]}，但它也删除了选择

---

如何执行此操作？

您可以简单地应用样式：

<Select
    mode="multiple"
    size={size}
    className="dont-show" // <--- apply class to provide style only specific to this select
    placeholder="Please select"
    onChange={handleChange}
    style={{ width: "100%" }}
>
    {children}
</Select>

.dont-show .ant-select-selection-item {
  display: none !important;
}

---

您可以简单地应用样式：

<Select
    mode="multiple"
    size={size}
    className="dont-show" // <--- apply class to provide style only specific to this select
    placeholder="Please select"
    onChange={handleChange}
    style={{ width: "100%" }}
>
    {children}
</Select>

.dont-show .ant-select-selection-item {
  display: none !important;
}

这就是我要找的。非常感谢。再澄清一下。如果我想显示占位符，而不是字段为空，该怎么办？这可能吗？有一个占位符字段，你可以使用它。我的意思是，随着你的改变，当我在下拉列表中选择项目时，这个字段会被完全删除。在选择项目时，我可以在字段中显示“请选择”吗？这并不像此项那么简单，您需要为此进行大量自定义更改。什么样的自定义更改？你能给我指一个正确的方向吗？或者给我一个大概的想法，这样我就可以探索了。这就是我一直在寻找的。非常感谢。再澄清一下。如果我想显示占位符，而不是字段为空，该怎么办？这可能吗？有一个占位符字段，你可以使用它。我的意思是，随着你的改变，当我在下拉列表中选择项目时，这个字段会被完全删除。在选择项目时，我可以在字段中显示“请选择”吗？这并不像此项那么简单，您需要为此进行大量自定义更改。什么样的自定义更改？你能给我指出正确的方向或给出一个大概的想法，让我可以探索吗？