用于填充用户输入的规范器

Normalizer for padding a user's input

我有一个只接受数值的输入字段。 该字段必须有一个规范器,可以用零自动填充用户输入。此外,长度不得大于八。 例如,如果我键入 1,则该字段必须预先填充 00000001。如果我键入 00000012。 你知道如何实现这样的动作吗?

您可以像这样定义规范化函数:

const normalizer = (value) => String("00000000" + value).slice(-8);

这会将输入转换为 8 位长度、0 填充的值。

然后您只需将 Field 定义为

<Field name="number" component="input" type="number" normalize={normalizer} />

查看工作示例here