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 並導致它的轉譯器非常酷，它希望我也使用validator rule參數。 我找不到任何關於它的文檔，也不知道有什么用。 因此，請您簡要解釋一下它是什么以及應該如何使用它？

Answer 1

作為驗證規則的一部分，驗證validator接受rules作為第一個參數。

由於它是async-validator的包裝async-validator ，您可以查看Rules規范：

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

rule：源描述符中與要驗證的字段名稱對應的驗證規則。 它總是被分配一個帶有被驗證字段名稱的字段屬性。

您還可以放置一個斷點並查看它對您的需求的價值。