redux形式的输入类型编号返回字符串

Question

redux-form input type is returning string , it should have returned number

Replicated problem

so i used parse to convert it to number

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

Note : In redux form it Shows string

But the problem is it does let us remove last DIGIT ZERO

Answer 1

It happens because Number('') return 0 . So Instead of setting the parse attribute to Field, you could just parse the value wherever you need

<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