當(dāng)我們使用antd的組件的form表單時，數(shù)據(jù)一般在form中的onFinish={onFinish}方法上可以拿到

const Demo = () => {
  const onFinish = (values: any) => {
    console.log("表單數(shù)據(jù)",values);
  };

我們還可以使用 const [form] = Form.useForm() 拿到表單的數(shù)據(jù)

具體步驟

1.引入ant，拿到Form，定義hooks

import form {Form} from 'antd'

const [form] = Form.useForm()

2.在form表單寫入form

<Form
  name="nest-messages"
  onFinish={onFinish}
  form={form}                  //form
>
    <Button type="primary" htmlType="submit" onclick={btnValue}>
      Submit
    </Button>
</Form>

3.通過?form.getFieldValue 獲取表單數(shù)據(jù)

  const btnValue = ()=>{
    console.log(form.getFieldsValue());
  }

打印出來就是我們表單所填寫的數(shù)據(jù)啦