根据React中另一个字段的输入值，通过验证有条件地呈现Formik字段

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

const MyForm = () => {
  const [otherFieldValue, setOtherFieldValue] = useState('');

  const handleOtherFieldChange = (event) => {
    const value = event.target.value;
    setOtherFieldValue(value);
  };

  return (
    <Formik
      initialValues={{
        otherField: '',
        conditionalField: '',
      }}
    >
      {({ values }) => (
        <form>
          <label htmlFor="otherField">Other Field:</label>
          <input
            type="text"
            id="otherField"
            name="otherField"
            value={values.otherField}
            onChange={handleOtherFieldChange}
          />

          {values.otherField === 'someValue' && (
            <Field
              type="text"
              id="conditionalField"
              name="conditionalField"
              disabled={values.otherField !== 'someValue'}
            />
          )}

          <button type="submit">Submit</button>
        </form>
      )}
    </Formik>
  );
};

export default MyForm;