主数据删除前添加确认

src/view/Manage/DataMaster/Define/Component/DefineTable.jsx

 import { useEffect, useMemo, useState } from 'react';
-import { Space, Button, Input, Pagination, Tooltip } from 'antd';
+import { Space, Button, Input, Pagination, Tooltip,Modal } from 'antd';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 
 import ResizeableTable from '../../../ResizeableTable';
@@ -27,6 +27,8 @@ const DefineTable = (props) => {
   const [pagination, setPagination] = useState({pageNum: 1, pageSize: 20});
 
   const {pageNum, pageSize} = pagination;
+  const [modal, contextHolder] = Modal.useModal();
+
 
   useEffect(() => {
     setCheckedKeys([]);
@@ -133,6 +135,10 @@ const DefineTable = (props) => {
   }
 
   const onBatchDeleteClick = () => {
+    modal.confirm({
+      title: '是否确认删除该条数据?',
+      content: '',
+      onOk: () => {
         setDeleteLoading(true);
         dispatch({
           type: 'msd.deleteModels',
@@ -151,6 +157,8 @@ const DefineTable = (props) => {
                   }
         });
       }
+    });
+  }
 
   const onSearchInputChange = (value) => {
     setKeyword(value);
@@ -246,6 +254,7 @@ const DefineTable = (props) => {
           编辑
         </RcItem>
       </RcMenu>
+      {contextHolder}  
     </div>
   );
 }

src/view/Manage/DataMaster/Manage/Component/ManageTable.jsx

 import { useMemo, useState, useEffect } from 'react';
-import { Space, Button, Input, Pagination, Tooltip } from 'antd';
+import { Space, Button, Input, Pagination, Tooltip,Modal } from 'antd';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 
 import ResizeableTable from '../../../ResizeableTable';
@@ -30,6 +30,7 @@ const ManageTable = (props) => {
   const [importDataDrawerVisible, setImportDataDrawerVisible] = useState(false);
 
   const {pageNum, pageSize} = pagination;
+  const [modal,contextHolder] = Modal.useModal();
 
   const columns = useMemo(() => {
     const newColumns = [
@@ -140,6 +141,10 @@ const ManageTable = (props) => {
   }
 
   const onBatchDeleteClick = () => {
+    modal.confirm({
+      title: '是否确认删除该条数据?',
+      content: '',
+      onOk: () => {
         setDeleteLoading(true);
         dispatch({
           type: 'msd.deleteDatas',
@@ -156,6 +161,8 @@ const ManageTable = (props) => {
           }
         });
       }
+    });
+  }
 
   const onSearchInputChange = (value) => {
     setKeyword(value);
@@ -276,6 +283,7 @@ const ManageTable = (props) => {
           编辑
         </RcItem>
       </RcMenu>
+      {contextHolder}
     </div>
   );
 }