反应状态变成空字符串，使用 type='number' 输入

Question

我有一个输入组件

<input  value={this.state.age} onChange={e=> {this.setState({age:e.target.value})} } type='number' />

当所有字符都是数字时，这工作正常，但是当一个或多个字符是减号、加号或点时，状态会自动变成一个空字符串，尽管它在浏览器上看起来没问题。在Chrome和Firefox中也是如此。这个问题有什么解决方案吗？

Answer 1

首先，数字字段只接受输入 -、0-9 和 e。作为一种解决方法，您可以将 + 放在输入之前，例如：

+ <input type="number" />

为什么里面有"一个或多个字符"？你能举一些例子吗？