antd模态框关闭之后销毁里面的元素

在 Ant Design 的 Modal 组件中，你可以通过指定 `destroyOnClose` 属性来控制模态框关闭后是否销毁其中的元素。当 `destroyOnClose` 的值为 `true` 时，模态框关闭后其中的元素将会被销毁；当其值为 `false` 时，则会保留模态框中的元素，下次打开模态框时会直接显示上一次关闭时的状态。

下面是一个例子，当模态框关闭时，其中的 `Input` 元素将会被销毁：

import { useState } from 'react';
import { Modal, Input } from 'antd';

function MyModal() {
  const [visible, setVisible] = useState(false);

  const handleOk = () => {
    setVisible(false);
  };

  const handleCancel = () => {
    setVisible(false);
  };

  return (
    <Modal
      title="My Modal"
      visible={visible}
      onOk={handleOk}
      onCancel={handleCancel}
      destroyOnClose={true}
    >
      <Input placeholder="Enter your text" />
    </Modal>
  );
}

在上面的例子中，当用户点击模态框中的 OK 或 Cancel 按钮时，模态框都会被关闭，同时其中的 `Input` 元素也被销毁了。如果你将 `destroyOnClose` 属性的值改为 `false`，那么关闭模态框时其中的 `Input` 元素就会被保留。