使用type ='number'输入,反应状态为空字符串

问题描述 投票:0回答:1

所以我有一个输入组件<input value={this.state.age} onChange={e=> {this.setState({age:e.target.value})} } type='number' />,当所有字符都是数字时,它可以正常工作,但是当一个或多个字符为负号,加号或点时,状态看起来会自动变成空字符串在浏览器上没问题。在Chrome和Firefox中相同。这个问题有解决方案吗?

reactjs
1个回答
0
投票

首先,数字字段仅接受-,0-9和e输入。作为解决方法,您可以将HTML中的+放在输入之前,例如:

© www.soinside.com 2019 - 2024. All rights reserved.