<Modal title="供应商认领" centered width={500} visible={isModalOpen} onOk={handleOk} onCancel={handleCancel} footer={null} closable={false} destroyOnClose={true}> <Form form={form} autoComplete="off" labelCol={{ span: 9 }} wrapperCol={{ span: 15 }} onFinish={onFinish}> <Form.Item labelCol={{ span: 3 }} wrapperCol={{ span: 21 }} label="认领原因" name='userRemark' > <Input.TextArea style={{ height: "80px" }} /> </Form.Item> <Form.Item className={"foot-form"}> <Button onClick={() => { setIsModalOpen(false) }} style={{ marginRight: "20px" }}>取消</Button> <Button type="primary" htmlType="submit" loading={isLoading}>确定</Button> </Form.Item> </Form> </Modal>如何关闭的时候销毁子元素

在上面的代码中，`Modal` 组件已经设置了 `destroyOnClose={true}`，这意味着当模态框关闭时其中的子元素将会被销毁。因此，你不需要再进行其他的操作来实现关闭时销毁子元素的功能。

当用户点击模态框中的取消或确定按钮时，可以通过 `setIsModalOpen(false)` 来关闭模态框，这会触发 `Modal` 组件的 `onCancel` 或 `onOk` 回调函数，从而关闭模态框并销毁其中的子元素。