html - 使用 Redux Form 处理数字输入会做一些奇怪的事情

Question

在 https://redux-form.com/7.2.1/examples/fieldlevelvalidation/ 上使用年龄字段举个例子。

您可以输入数字、+、- 和 e。如下所示:

但 Redux Form 似乎无法识别这些输入。如果您尝试使用 parse 或 normalize 生命周期方法，该值将作为“”出现。

同样在屏幕截图中，验证表明该字段是必需的，就好像它是空的。

有办法处理这些吗？

Answer 1

处理它的简单方法是像这样使用parse:

<Field
    name="age"
    type="number"
    component={renderField}
    label="Age"
    validate={[required, number, minValue18]}
    warn={tooOld}
    parse={(val) => parseInt(val, 10)}
  />

但是 parse 函数应该比这个例子更聪明 =)

附言不要忘记，根据文档，您应该从 parse ( https://redux-form.com/7.2.1/docs/api/field.md/#-code-format-value-name-gt-formattedvalue-code-optional- )

返回新值

UPD
使用 type='string' 和 normalize LC 的示例。 - https://codesandbox.io/s/x7n01yvj5z