antdesignpro ModalForm怎么关闭

在 Ant Design Pro 中，关闭 ModalForm 有两种方式：

1. 点击 ModalForm 右上角的关闭按钮，会触发 onCancel 函数，你可以在这个函数中处理关闭 ModalForm 的逻辑，例如重置表单数据、隐藏 ModalForm 等。示例代码如下：

   const handleCancel = () => {
     form.resetFields(); // 重置表单数据
     setVisible(false); // 隐藏 ModalForm
   };

   <ModalForm
     title="示例 ModalForm"
     visible={visible}
     onCancel={handleCancel}
     ...
   />

2. 点击 ModalForm 底部的确定按钮，会触发 onOk 函数，你可以在这个函数中处理表单提交的逻辑，并在提交成功后关闭 ModalForm。示例代码如下：

   const handleOk = () => {
     form.submit(); // 提交表单
   };

   <ModalForm
     title="示例 ModalForm"
     visible={visible}
     onOk={handleOk}
     onFinish={onFinish}
     ...
   />

   const onFinish = () => {
     // 处理表单提交逻辑
     setVisible(false); // 提交成功后关闭 ModalForm
   };

以上是两种常见的关闭 ModalForm 的方式，你可以根据实际需求选择其中一种或者两种方式结合使用。