数组验证

Yup 可以对数组类型进行验证，支持数组长度、元素类型及自定义规则。

导入方式

import { array, object, string, number } from 'yup';

基本数组验证

const schema = array().of(string().required()).min(1, "至少有一个元素");

• array()：定义数组类型
• of(schema)：数组中的每个元素必须符合指定 Schema
• min(n, message) / max(n, message)：限制数组长度

数组中对象验证

const schema = array().of(
  object({
    name: string().required(),
    age: number().positive().integer()
  })
);

• 数组元素可以是对象
• 对象内部可以使用任意 Yup 类型验证

自定义数组验证

const schema = array()
  .of(number())
  .test('sum-check', '数组总和必须大于10', (arr) => {
    return arr.reduce((sum, val) => sum + val, 0) > 10;
  });

• test(name, message, fn)：自定义验证逻辑
• arr 是当前数组值

小结

• array().of(schema) 定义数组元素类型
• 可以限制长度、使用嵌套对象、添加自定义规则
• 常用于表单中多选、列表、动态表格等场景