Formik的自定义“脏”逻辑

import React from 'react';
import { Formik, Form, Field } from 'formik';

const CustomDirtyForm = () => {
  const handleCustomDirtyLogic = (fieldName, isDirty) => {
    // 自定义逻辑，例如根据某些条件设置字段的“脏”状态
    if (isDirty) {
      // 手动设置字段为“脏”
      setFieldTouched(fieldName, true);
    }
  };

  return (
    <Formik
      initialValues={{ name: '', email: '' }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      {({ setFieldTouched }) => (
        <Form>
          <Field name="name" />
          <button type="button" onClick={() => handleCustomDirtyLogic('name', true)}>
            Mark Name as Dirty
          </button>
          <Field name="email" />
          <button type="button" onClick={() => handleCustomDirtyLogic('email', true)}>
            Mark Email as Dirty
          </button>
          <button type="submit" disabled={!isDirty}>
            Submit
          </button>
        </Form>
      )}
    </Formik>
  );
};

export default CustomDirtyForm;