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` 方法的详细信息
因篇幅问题不能全部显示,请点此查看更多更全内容