javascript - Ant Design 表单自定义验证器

Question

在 ant 设计中，可以提供一个自定义验证器，如下所示：

<Form.Item label="First Name">
  {getFieldDecorator("firstName", {
    rules: [
      {
        validator: (rule: any, value: string, cb: (msg?: string) => void) => {
          value.length < 3 ? cb("too short") : cb();
        }
      }
    ]
  })(<Input />)}
</Form.Item>

如您所见，我正在使用 typescript，因为它的转译器非常酷，它也希望我使用rule参数 of validator。我找不到任何关于它的文档，也不知道有什么好处。因此，如果您能简要解释一下它是什么以及应该如何使用它？

Answer 1

作为验证规则 validator的一部分，接受rules作为第一个参数。

由于它是 的包装器async-validator，因此您可以检查Rules规范：

function(rule, value, callback, source, options)

rule：源描述符中与正在验证的字段名称对应的验证规则。它总是被分配一个带有被验证字段名称的字段属性。

您还可以设置断点并查看其对您的需求的价值。