使用antd和Popconfirm,二次确认时调接口删除数据
时间: 2024-03-09 15:47:27 浏览: 166
基于antd4二次封装的form组件
好的,您可以尝试以下代码实现:
```
import { Popconfirm, message } from 'antd';
function confirm() {
// 调用删除数据的接口
// ...
message.success('删除成功');
}
function cancel() {
message.error('取消删除');
}
<Popconfirm
title="确定要删除吗?"
onConfirm={confirm}
onCancel={cancel}
okText="确定"
cancelText="取消"
>
<a href="#">删除</a>
</Popconfirm>
```
在 `Popconfirm` 组件中,我们可以设置 `title` 属性来显示确认提示的文本,`onConfirm` 属性来设置点击确认按钮时的回调函数,`onCancel` 属性来设置点击取消按钮时的回调函数。在 `confirm` 函数中,我们可以调用接口来删除数据,并使用 `message.success` 方法来显示删除成功提示信息。在 `cancel` 函数中,我们使用 `message.error` 方法来显示取消删除的提示信息。
阅读全文