在Popconfirm外面再包一层span。
<span
onClick={(e) => {
e.stopPropagation();
}}
>
<Popconfirm
className="ibm-iconBtn"
key="delete"
title="确认删除该条检验分类吗?"
onConfirm={() => deleteLabClass(record.id)}
okText="确认"
cancelText="取消"
>
<a>删除</a>
</Popconfirm>
</span>
ps: 最新文档中有disabled属性可用。
<Popconfirm
className="ibm-iconBtn"
key="delete"
title="确认删除该条检验分类吗?"
onConfirm={() => deleteLabClass(record.id)}
okText="确认"
cancelText="取消"
disabled
>
<a>删除</a>
</Popconfirm>

本文探讨了如何在Popconfirm组件外增加一层<span>元素,并展示了如何使用disabled属性防止误操作,以优化用户删除操作的交互设计。
441





