React Formik复选框基于条件的值在其他字段中删除

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

const initialValues = {
  checkbox: false,
  relatedField: '',
};

const validationSchema = {
  checkbox: (value, values) => {
    if (values.checkbox && !values.relatedField) {
      return 'Related field is required when checkbox is checked';
    }
  },
};

const App = () => {
  const handleSubmit = (values) => {
    // 处理表单提交逻辑
  };

  return (
    <Formik
      initialValues={initialValues}
      validationSchema={validationSchema}
      onSubmit={handleSubmit}
    >
      <form>
        <div>
          <Field type="checkbox" name="checkbox" />
          <label htmlFor="checkbox">Checkbox</label>
        </div>
        <div>
          <Field type="text" name="relatedField" />
          <ErrorMessage name="relatedField" component="div" />
        </div>
        <button type="submit">Submit</button>
      </form>
    </Formik>
  );
};

export default App;