我有一组使用以下方法设置的单选按钮。在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

09-30 13:27
查看更多