當我們使用antd的組件的form表單時，數據一般在form中的onFinish={onFinish}方法上可以拿到

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

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

具體步驟

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 獲取表單數據

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

打印出來就是我們表單所填寫的數據啦