您的当前位置:首页正文

react antd 对话框中的confirm用法

来源:华拓网
在 React Ant Design(Antd)中,对话框组件(Dialog)提供了 `confirm` 方法,用于显示一个确认对话框。`confirm` 方法可以接受一个配置对象作为参数,用于设置对话框的属性和行为。

下面是使用 `confirm` 方法的基本用法示例:

```jsx

import { Modal } from 'antd';

Modal.confirm({ title: '确认删除',

content: '确定要删除这条记录吗?', onOk() {

// 点击确认按钮执行的回调函数 console.log('确认删除'); },

onCancel() {

// 点击取消按钮执行的回调函数 console.log('取消删除'); }, }); ```

在上述示例中,`Modal.confirm` 方法被调用,并传递了一个配置对象作为参数。其中的配置项包括:

- `title`: 对话框的标题。 - `content`: 对话框的内容。

- `onOk`: 点击确认按钮时执行的回调函数。 - `onCancel`: 点击取消按钮时执行的回调函数。

你可以根据实际需求,自定义对话框的标题、内容以及按钮的回调函数。在回调函数中,可以执行相应的操作,比如发送网络请求、更新状态等。

除了基本用法外,`confirm` 方法还支持一些其他配置项,例如自定义确认按钮的文本、样式等。你可以在 Ant Design 官方文档中查找更多关于 `Modal.confirm` 方法的详细信息

因篇幅问题不能全部显示,请点此查看更多更全内容