如何使用antd和formik来设置和获取datepicker值？

npm install antd formik

import { DatePicker } from 'antd';
import 'antd/dist/antd.css';

import { Formik, Field } from 'formik';

function MyForm() {
  return (
    <Formik
      initialValues={{ date: null }}
      onSubmit={values => {
        console.log(values.date);
      }}
    >
      {({ values, handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <Field name="date">
            {({ field }) => (
              <DatePicker
                {...field}
                onChange={(date, dateString) => {
                  field.onChange(date);
                }}
                value={values.date}
              />
            )}
          </Field>
          <button type="submit">Submit</button>
        </form>
      )}
    </Formik>
  );
}

import React from 'react';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <MyForm />
    </div>
  );
}

export default App;