React中修改Range Input值时报TypeError错误的技术求助

嘿，我一眼就揪出问题啦！你在handleChange方法里犯了个超容易踩的拼写小坑——把event.target写成event.taget了，少了一个字母r！

这个拼写错误会让event.taget变成undefined，当你试图读取它的value属性时，自然就触发了这个类型错误。

修正后的handleChange方法 #

只需要把拼写改过来就行：

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

其他代码确认 #

你的构造函数和表单部分都是没问题的：

• 构造函数正确初始化了value1和value2的状态值
• 两个滑块输入框都正确绑定了name属性、onChange事件，状态值也正确传递给了value属性

修正拼写后，滑块拖动就能正常更新组件状态啦！

内容的提问来源于stack exchange，提问作者cmll