javascript - Ant Design Form Anpassad Validator

I Ant Design kan man tillhandahålla en egen validator som följande:

<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>

Som du ser använder jag TypeScript och eftersom dess transpilerare är riktigt bra vill den att jag också använder rule-parametern för validator. Jag kan inte hitta någon dokumentation om det och vet inte vad det är bra för. Så om du kan, förklara gärna kort vad det är och hur det ska användas?

Svar #1

Som en del av valideringsreglerna accepterar validator rules som första argument.

På grund av att det är ett wrapper för async-validator kan du kontrollera Rules-specifikationen:

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

regel: Valideringsregeln i källdeskriptorn som motsvarar fältnamnet som valideras. Den tilldelas alltid en fältegenskap med namnet på det fält som valideras.

Du kan också sätta en brytpunkt och se dess värde för dina behov.

Relaterade artiklar