如何用ant-design useForm查询字段的值？

import { useForm } from 'antd';
import { Input, Button } from 'antd';

const { getFieldDecorator } = useForm();

const initialValues = {
  username: '',
  password: '',
};

const rules = {
  username: [
    {
      required: true,
      message: '请输入用户名',
    },
  ],
  password: [
    {
      required: true,
      message: '请输入密码',
    },
  ],
};

<Form>
  <Form.Item label="用户名">
    {getFieldDecorator('username', {
      rules: rules.username,
      initialValue: initialValues.username,
    })(<Input />)}
  </Form.Item>
  <Form.Item label="密码">
    {getFieldDecorator('password', {
      rules: rules.password,
      initialValue: initialValues.password,
    })(<Input.Password />)}
  </Form.Item>
  <Button type="primary" htmlType="submit">
    提交
  </Button>
</Form>

const handleSubmit = e => {
  e.preventDefault();
  form.validateFields((err, values) => {
    if (!err) {
      const username = form.getFieldValue('username');
      const password = form.getFieldValue('password');
      // 对获取到的字段值进行后续处理
    }
  });
};