如何向FieldArray中包含不同值的数组的yup验证添加错误消息？

import * as yup from 'yup';

const arrayItemSchema = yup.string().required('该字段是必填项');

const arraySchema = yup.array().of(arrayItemSchema);

<Formik
  initialValues={{ arrayField: [] }}
  validationSchema={yup.object().shape({
    arrayField: arraySchema,
  })}
  onSubmit={values => {
    // 处理表单提交
  }}
>
  {({ values, handleSubmit }) => (
    <Form onSubmit={handleSubmit}>
      <FieldArray name="arrayField">
        {({ push, remove }) => (
          <div>
            {values.arrayField.map((value, index) => (
              <div key={index}>
                <Field name={`arrayField[${index}]`} />
                <ErrorMessage name={`arrayField[${index}]`} component="div" />
                <button type="button" onClick={() => remove(index)}>
                  删除
                </button>
              </div>
            ))}
            <button type="button" onClick={() => push('')}>
              添加
            </button>
          </div>
        )}
      </FieldArray>
      <button type="submit">提交</button>
    </Form>
  )}
</Formik>