模态表单

模态表单组件对表单组件进行了封装,在表单内部增加了模态框的布局和按钮,适用于在模态框内显示的表单。

引入组件

import { FormModal } from '@duxweb/dux-refine'

基础示例

模态表单的参数与表单组件的参数相同,并且还增加了一些取消回调等方法。

import { FormModal } from '@duxweb/dux-refine'
import { Form, Input } from 'tdesign-react';

<FormModal>
  <Form.Item
    initialValue="Dux Refine"
    label="标题"
    name="title"
  >
    <Input />
  </Form.Item>
  {/* 其他表单项 */}
</FormModal>

组件参数

onClose() => void
undefined
在模态框关闭时执行的回调函数。