如何在Antd Design Form中使用formik？

import React from 'react';
import { Formik, Form, Field } from 'formik';
import { Button, Input, message } from 'antd';

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

const validate = (values) => {
  const errors = {};
  if (!values.username) {
    errors.username = 'Required';
  }
  if (!values.password) {
    errors.password = 'Required';
  }
  return errors;
};

const onSubmit = (values, { setSubmitting }) => {
  setTimeout(() => {
    message.success('Form submitted');
    setSubmitting(false);
  }, 400);
};

const AntdFormikExample = () => (
  <Formik
    initialValues={initialValues}
    validate={validate}
    onSubmit={onSubmit}
  >
    {({ isSubmitting }) => (
      <Form>
        <Field name="username">
          {({ field }) => (
            <Input {...field} placeholder="Username" />
          )}
        </Field>
        <Field name="password">
          {({ field }) => (
            <Input.Password {...field} placeholder="Password" />
          )}
        </Field>
        <Button type="primary" htmlType="submit" disabled={isSubmitting}>
          Submit
        </Button>
      </Form>
    )}
  </Formik>
);

export default AntdFormikExample;