antd对话框onCancel自定义

要自定义antd对话框的`onCancel`方法，可以使用`visible`和`onCancel`两个属性来控制对话框的显示和关闭。下面是一个自定义`onCancel`方法的示例代码：

import React, { useState } from 'react';
import { Modal, Button } from 'antd';

const CustomModal = () => {
  const [visible, setVisible] = useState(false);

  const handleCancel = () => {
    console.log('Custom onCancel');
    setVisible(false);
  };

  const handleOpen = () => {
    setVisible(true);
  };

  return (
    <>
      <Button onClick={handleOpen}>Open Modal</Button>
      <Modal
        visible={visible}
        onCancel={handleCancel}
      >
        <p>Custom Modal Content</p>
      </Modal>
    </>
  );
};

export default CustomModal;

在这个示例中，我们定义了一个`CustomModal`组件，其中包含一个按钮和一个对话框。当用户点击按钮时，会触发`handleOpen`方法来显示对话框。对话框的`visible`属性由`visible`状态控制，`onCancel`方法由`handleCancel`方法实现。在`handleCancel`方法中，我们可以添加自己的逻辑代码来处理对话框关闭的事件。