尝试在FieldArray react JS中根据条件呈现字段

import { Formik, Field, FieldArray } from 'formik';

const MyForm = () => {
  return (
    <Formik
      initialValues={{ fields: [] }}
      onSubmit={(values) => {
        // 处理表单提交逻辑
      }}
    >
      {({ values }) => (
        <form>
          <FieldArray name="fields">
            {({ push, remove }) => (
              <div>
                {values.fields.map((field, index) => (
                  <div key={index}>
                    <Field name={`fields[${index}]`} />
                    {field === 'condition' && (
                      <Field name={`fields[${index}].additionalField`} />
                    )}
                    <button type="button" onClick={() => remove(index)}>
                      删除字段
                    </button>
                  </div>
                ))}
                <button type="button" onClick={() => push('')}>
                  添加字段
                </button>
              </div>
            )}
          </FieldArray>
          <button type="submit">提交</button>
        </form>
      )}
    </Formik>
  );
};

export default MyForm;