当我尝试更改输入组件的值时，我收到“ TypeError：无法读取未定义的属性'value'”

Question

constructor(){
  super();
  this.state = {
      value1: 0,
      value2: 0,
  };
}

这是我得到错误的地方：

handleChange = event => {
    this.setState({
        [event.target.name]: event.taget.value
    });
}

这是我要使用“ handleChange”功能的地方：

<form>
    <div>
        <label>value1</label>
        <div>
            <input
            type="range" 
            min="0" max="15000" 
            value={this.state.value1} 
            name='value1'
            onChange={this.handleChange}
            step="1" />
        </div>

    </div> 
    <div>
        <label>Value 2: </label>
        <div className='form'>
            <input  
            type="range" 
            min="0" max="100" 
            value={this.state.value2} 
            name='value2'
            onChange={this.handleChange}
            step="1"
            />
        </div>
    </div>
</form>

我希望没有“ TypeError：无法读取未定义的属性'value'”，该值将发生更改。

Answer 1

将event.taget.value更改为event.target.value