ant design form 表单,数据提交的外部hooks写法。

804 阅读1分钟

react页面,简写如下。

import {form} from 'antd'


const [form] = Form.useForm()

const onFinish = (values: any) => {
  console.log('Received values of form: ', values)
}


...
<Form
  form={form}  // 别忘了这里
  name="normal_login"
  className="login-form"
  initialValues={{ remember: true }}
  onFinish={onFinish}
>
  ...
</Form>

<Button 
  onClick={()=>{
    form.submit()
    //此时,onFinish函数,就会触发。
  }}
>
  提交
</Button>
...