FieldLevelValidationForm - 如何使其可配置

Question

我遇到了这种情况：

我想在一个字段上应用多个验证，如下例所示：

<Field name="username" type="text"
    component={renderField} label="Username"
    validate={[ required, maxLength15 ]}
 />

但我希望将15作为配置号码。

例如，userNameValidatiorConfig = [required，{maxLength：15}]

有关于此的任何想法吗？

Answer 1

Field的验证道具包含常用的javascript函数。因此，您可以执行类似

的操作

validate={(value) => maxLength(15)(value)}

如果你的验证功能看起来像是

const maxLength = (max) => (value) => value && value.length > max ? "Bad input!" : undefined;