我有一组使用以下方法设置的单选按钮。在handleChange处,如果目标元素是单选按钮,则将值强制转换为整数。
在初始handleChange上,typeof返回一个数字,但是随后的调用以字符串形式返回状态。
我对TypeScript的理解是该语言是强类型化的,因此不应该以这种方式进行转换吗?
<input id="EvalLikelihood_1" name="EvalLikelihood" type="radio" value="1" checked={this.state.EvalLikelihood == 1} onChange={this.handleChange}/>
private handleChange(event): void {
const target = event.target;
console.log(parseInt(target.value));
const value = target.type === 'radio' ? target.value : parseInt(target.value);
const name = target.name;
this.setState({
[name]: value
});
console.log(typeof this.state.EvalLikelihood)
console.log(this.state.EvalLikelihood)
}
this.state = {
EvalLikelihood: 0,
safety: 0,
security: 0,
enviroment: 0,
finance: 0,
operational: 0,
legal: 0,
reputation: 0,
inherentRisk: 0
};
EvalLikelihood: number;
感谢您关注此问题。
最佳答案
三元运算符行的问题。
const value = target.type === 'radio' ? target.value : parseInt(target.value);
在这里,您可以查看
target.type
,如果绝对是radio
,它将返回当前值,该值是一个字符串。在这种情况下,您不需要ternary operator
,因为您的input
具有类型radio
,因此只需将其字符串值转换为number
。解决方案很简单:将上面的行替换为:
const value = parseInt(target.value, 10)
Worked example
。