Ant design 4验证数组中的表单项

import { Form, Input, Button } from 'antd';
import { FieldArray } from 'formik';

const MyForm = () => {
  const validateItem = (value) => {
    let error;
    if (!value) {
      error = '必填项';
    }
    return error;
  };

  return (
    <Form>
      <FieldArray name="items">
        {({ push, remove }) => (
          <div>
            {values.items.map((item, index) => (
              <div key={index}>
                <Form.Item
                  name={`items[${index}]`}
                  validateTrigger={['onChange', 'onBlur']}
                  rules={[{ validator: validateItem }]}
                >
                  <Input placeholder="请输入内容" />
                </Form.Item>
                <Button onClick={() => remove(index)}>删除</Button>
              </div>
            ))}
            <Button onClick={() => push('')}>添加</Button>
          </div>
        )}
      </FieldArray>
      <Button type="primary" htmlType="submit">提交</Button>
    </Form>
  );
};

export default MyForm;