const deleteItem = (e,item) => {
... //相关操作代码,如删除当前点击option
e.stopPropagation()//禁止当前事件冒泡,否则会触发option相应点击事件(如删除操作时,仍会将
当前option填入选择框内)
};
<Select.Option key={index} value={item} label={item}>
{item}<DeleteOutlined onClick={(e)=>deleteItem(e,item)} style=
{{position:'absolute',right:10}}/>
</Select.Option>
react+antd自定义Option操作
于 2022-05-11 16:02:34 首次发布
这篇博客详细介绍了如何在React应用中为Select组件的Option添加删除功能。通过阻止事件冒泡,确保在点击Delete图标时不会触发Option的选中事件。示例代码展示了如何在Option内部嵌套Delete图标,并在点击时调用删除函数。
摘要由CSDN通过智能技术生成