Reduxのフォーム入力タイプ番号を返すストリング

Question

Reduxの形式の入力タイプがストリングを返して、それは数

Replicated problem

を返却している必要があり私は

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

を数値に変換する解析を使用注：還元型では、それは文字列を表示

しかし、問題はそれが私たちが最後に削除するようにしていますゼロDIGITゼロ

Answer 1

Number('') return 0ので、それは起こります。代わりにフィールドに解析属性を設定するあなたは

<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