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>

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

Answer 1

作为验证规则的&nbsp;一部分，validator接受rules作为第一个参数。由于它是 的包装器async-validator，您可以检查Rules规范：function(rule, value, callback, source, options)rule：源描述符中与要验证的字段名称对应的验证规则。它总是被分配一个带有被验证字段名称的字段属性。您还可以放置一个断点并查看它对您的需求的价值。