ant-desgin 的表单获取表单实例的两种方式

2022-01-24 19:37:22 浏览数 (1)

函数式组件

代码语言:javascript复制
import { Modal, Form, Input, Button, Space } from 'antd';

const [form] = Form.useForm();

form.resetFields();


<Form {...layout} form={form} name="control-ref" onFinish={onFinish}></Form>

class类组件

代码语言:javascript复制
import { FormInstance } from 'antd/lib/form';

formRef = React.createRef<FormInstance>();


this.formRef.current.submit()

<Form {...layout} ref={this.formRef} onFinish={this.onFinish} >

</Form>

实体类具备的方法和属性

0 人点赞