如何动态显示隐藏formik表单域？

import { useFormik } from 'formik';

const MyForm = () => {
  const formik = useFormik({
    initialValues: {
      field1: '',
      field2: '',
      // 其他表单域...
    },
    // 其他表单配置...
  });

  return (
    <form onSubmit={formik.handleSubmit}>
      {/* 表单域和其他表单元素 */}
    </form>
  );
};

const [showField, setShowField] = useState(false);

{showField && (
  <input
    type="text"
    name="field1"
    onChange={formik.handleChange}
    value={formik.values.field1}
  />
)}

<button onClick={() => setShowField(!showField)}>切换显示/隐藏</button>