fix

src/components/ModalButton/ModalButton.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Modal, Button } from 'antd';
+
+export default function ModalButton(props) {
+  const {
+    method = 'confirm',
+    title = '',
+    content = '',
+    modalConfigs = {},
+    onClick,
+    onCancel,
+    ...btnProps
+  } = props || {}
+
+  const handleClick = e => {
+    Modal[method]({
+      title,
+      content,
+      ...modalConfigs,
+      onOk() {
+        // eslint-disable-next-line no-unused-expressions
+        onClick && onClick(e);
+      },
+      onCancel() {
+        // eslint-disable-next-line no-unused-expressions
+        onCancel && onCancel();
+      },
+    })
+  }
+
+  return <Button {...btnProps} onClick={handleClick}>{props.children}</Button>
+}

src/components/ModalButton/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import ModalButton from './ModalButton';
+
+const ConfirmButton = props => <ModalButton {...props} method="confirm" />
+
+export {
+  ModalButton,
+  ConfirmButton,
+}