redux-form输入类型号返回字符串

时间:2017-12-08 06:45:50

标签: javascript reactjs react-native redux-form

redux-form输入类型返回字符串,它应该返回数字

Replicated problem

所以我使用parse将其转换为数字

      <Field
        name="age"
        parse={value => Number(value)}
        component="input"
        type="number"
        placeholder="Age"
      />

注意:在redux形式中,它显示字符串

但问题是它确实让我们删除了最后的DIGIT ZERO

enter image description here

1 个答案:

答案 0 :(得分:0)

这是因为Number('') return 0。因此,除了将parse属性设置为Field之外,您可以在任何需要的位置解析值

<form onSubmit={handleSubmit}>
  <div>
    {age ? <div>{typeof Number(age)} {`${age}`}</div>: null}
  </div>

  <div>
    <label>Age</label>
    <div>
      <Field
        name="age"
        component="input"
        type="number"
        placeholder="Age"
      />
    </div>
  </div>
</form>

<强> CodeSandbox