ReactJS UI Ant Design Popconfirm 组件

Popconfirm 是一个简单而紧凑的动作确认对话框。它基本上用于要求用户确认。

Ant Design Library 已经预先构建了这个组件，并且它也很容易集成。我们可以通过以下过程轻松使用此 Popconfirm 组件。

句法：


   Open Popconfirm

Popconfirm 属性：

cancelButtonProps：此属性用于取消按钮道具
cancelText：这个属性用于取消按钮的文本
禁用：此属性单击其 childrenNode 时将显示 popconfirm
icon：此属性用于自定义确认图标
okButtonProps：该属性用于ok按钮道具
okText：此属性将显示确认按钮的文本
okType：该属性用于识别确认按钮的按钮类型
title：该属性用于确认框的标题
onCancel：该属性是cancel的回调
onConfirm：该属性是确认的回调

创建 React 应用程序并安装模块：

第 1 步：使用以下命令创建一个 React 应用程序。
```
npx create-react-app demo
```
第 2 步：创建项目文件夹（即 demo）后，使用以下命令移动到该文件夹。
```
cd demo
```
第 3 步：创建 ReactJS 应用程序后，使用以下命令安装 antd 库。
```
npm install antd
```

项目结构：

示例：现在在文件名 app.js 中编写以下代码。

app.js

import { Popconfirm, message } from "antd";
import "./App.css";
import "antd/dist/antd.css";
  
function App() {
  function confirm(e) {
    console.log(e);
    message.success("Click on Yes");
  }
  
  function cancel(e) {
    console.log(e);
    message.error("Click on No");
  }
  return (
    
      
        Demo for Popconfirm
        
          Delete
        
      
    
  );
}
  
export default App;

运行应用程序：使用以下命令运行应用程序。

npm start

输出：现在打开浏览器并转到http://localhost:3000/ ，您将看到以下输出。

参考链接： https://ant.design/components/popconfirm/