formik中的嵌套字段阵列

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

const MyForm = () => (
  <Formik
    initialValues={{ contacts: [{ name: '', phone: '', email: '' }] }}
    onSubmit={values => {
      // 处理表单提交逻辑
    }}
  >
    {({ values }) => (
      <form>
        <FieldArray name="contacts">
          {({ push, remove }) => (
            <div>
              {values.contacts.map((contact, index) => (
                <div key={index}>
                  <Field name={`contacts[${index}].name`} />
                  <Field name={`contacts[${index}].phone`} />
                  <Field name={`contacts[${index}].email`} />
                  <button type="button" onClick={() => remove(index)}>
                    删除联系人
                  </button>
                </div>
              ))}
              <button type="button" onClick={() => push({ name: '', phone: '', email: '' })}>
                添加联系人
              </button>
            </div>
          )}
        </FieldArray>
        <button type="submit">提交</button>
      </form>
    )}
  </Formik>
);

export default MyForm;