首页
Javascript
Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于

ant.design 4.x获取form表单的方式

2020年12月29日 发布 阅读(1585) 作者:Jerman

在函数组件中,使用useForm,

  1. import { Modal, Form, Input, Button, Space } from 'antd';
  2. const [form] = Form.useForm();
  3. form.resetFields();
  4. <Form {...layout} form={form} name="form-ref" onFinish={onFinish}></Form>

在class组件中,使用createRef

  1. import { FormInstance } from 'antd/lib/form';
  2. class Update extends Component {
  3. formRef = React.createRef<FormInstance>();
  4. ...
  5. this.formRef.current.submit()
  6. <Form {...layout} ref={this.formRef} onFinish={this.onFinish} >
  7. ...
  8. </Form>
版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处