antd Modal.confirm 返回结果
时间: 2024-10-20 08:19:34 浏览: 33
antd.min.js
5星 · 资源好评率100%
`antd Modal.confirm` 是 Ant Design(一个高质量的 React UI 库)中的一个函数,用于显示一个确认对话框。它接受一个回调函数作为参数,当用户点击“确定”按钮时,这个回调函数会被调用,并返回一个布尔值。
如果用户点击“确定”,则回调函数将返回 `true`。如果用户点击“取消”或其他非确认按钮,回调函数将返回 `false`。
这个功能非常有用,因为它允许你在用户做出决定后立即知道他们的选择。你可以使用这个功能来执行一些操作,例如保存更改、发送电子邮件或进行其他需要用户确认的操作。
下面是一个使用 `Modal.confirm` 的基本示例:
```jsx
import { Modal, Button } from 'antd';
const confirmResult = Modal.confirm(
{
title: '你确定要继续吗?', // 标题
message: '你确定要删除这些数据吗?', // 提示信息
onOk: () => (onClick) => {
console.log('点击确定', onClick); // 当用户点击确定按钮时执行的回调函数
return true;
},
onCancel: () => console.log('点击取消'), // 当用户点击取消按钮时执行的回调函数
},
onConfirm, // 确认回调函数
);
// 使用这个返回结果来执行你的操作
if (confirmResult) {
console.log('用户点击了确定');
// 在这里执行你的操作
} else {
console.log('用户点击了取消');
// 在这里执行其他操作
}
```
在这个示例中,当用户点击“确定”按钮时,会执行回调函数并返回 `true`。当用户点击“取消”或其他非确认按钮时,会执行另一个回调函数并返回 `false`。你可以根据这个返回结果来决定下一步的操作。
阅读全文