消去しようとしたときに入力内のゼロを削除します

Question

私はタイプ番号の入力フィールドである反応成分を持っています。すべての内部の乱数を押すとうまくいきますが、すべてを消去したいときは、入力フィールドの中に常にゼロがあり、消去できません。すべてを消去するとゼロが消えるように入力フィールドを空白にすることは可能ですか？

マイコンポーネント：

const NumberBox = (props) => { 
    const onChanged = (event) => { 
    props.onChange(+event.target.value); 
    }; 

    const styles = { 
    inputGeneral: { 
    border: '0px', 
    width: '100%', 
    padding: '8px 16px', 
    fontSize: '1.6em' } }; 

    return (
    <input 
    style={styles.inputGeneral} 
    type="number" 
    pattern="[0-9]*" 
    value={props.value} 
    onChange={onChanged} 
    />); 
}; 

Answer 1

これが原因HTML5番号入力クロムにおけるタイプ（そしておそらく他のブラウザも）に関連付けられた動作で起こっている...

最も簡単な解決策があるべきtext入力タイプを使用して、手動/フォーマットあなたの入力を検証...

これは罰金トンの作品もこのquestion/answer ...