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

函数式组件

  

   

    

     

    
    

     

      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类组件

  

   

    

     

    
    

     

      import { FormInstance } from 'antd/lib/form';
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      formRef = React.createRef<FormInstance>();
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      this.formRef.current.submit()
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

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

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      </Form>
     
    
  
 

实体类具备的方法和属性

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/107409550