如何使用Formik验证字段onBlur和其他字段onChange？

npm install formik --save

import React from 'react';
import { Formik, Form, Field, ErrorMessage } from 'formik';
import * as Yup from 'yup';

const validationSchema = Yup.object({
  firstName: Yup.string()
    .required('Required')
    .min(2, 'Minimum 2 characters'),
  lastName: Yup.string()
    .required('Required')
    .min(2, 'Minimum 2 characters'),
});

export const MyForm = () => {
  const handleSubmit = (values, { setSubmitting }) => {
    setTimeout(() => {
      alert(JSON.stringify(values, null, 2));
      setSubmitting(false);
    }, 400);
  };

  return (
    <Formik
      initialValues={{ firstName: '', lastName: '' }}
      validationSchema={validationSchema}
      onSubmit={handleSubmit}
    >
      {({ isSubmitting, errors, touched, handleChange, handleBlur }) => (
        <Form>
          <label htmlFor="firstName">First Name</label>
          <Field
            type="text"
            name="firstName"
            onChange={handleChange}
            onBlur={handleBlur}
            placeholder="First Name"
          />
          <ErrorMessage name="firstName" component="div" />

          <label htmlFor="lastName">Last Name</label>
          <Field
            type="text"
            name="lastName"
            onChange={handleChange}
            onBlur={handleBlur}
            placeholder="Last Name"
          />
          <ErrorMessage name="lastName" component="div" />

          <button type="submit" disabled={isSubmitting}>
            Submit
          </button>
        </Form>
      )}
    </Formik>
  );
};