为什么event.target中的值不等于event.target.value
提问于 2018-10-09 20:03:01
我正在学习react，并注意到当更改类型为event.target的输入并输出event.target.value时，我看到的值与输出event.target.value时的值不同。我想知道这是为什么？
一些示例代码展示了我所说的内容：
class Child extends React.Component {
render() {
return (
<input type="number"
value={this.props.weight}
onChange={(event) => this.props.onWeightChange(event, this.props.index)}
step="0.1" />
);
}
}
class Parent extends React.Component {
state = {
text: 'Goals',
weight: 1
}
handleStatWeightChange = (event, index) => {
console.log(event.target)
console.log(event.target.value)
}
render() {
return (
<div>
<Child weight={this.state.weight} onWeightChange={this.handleStatWeightChange}/>
</div>
);
}
}
React.render(<Parent />, document.getElementById('app'));当更改输入值(从1.1到1)时，我在控制台中看到以下输出：
"<input type='number' value='1' step='0.1' data-reactid='.0.0'>"
"1.1"为什么event.target中的值仍然是1？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-09 20:43:18
您没有将event.target.value设置为在handleStatWeightChange事件处理程序函数中加权。
试着用下面的方法改变它会起作用的
handleStatWeightChange = (event, index) => {
this.setState({
weight: event.target.value
})
console.log(event.target)
console.log(event.target.value)
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52732452
复制
相似问题
另一个变量中的Javascript变量
在另一个变量中使用的Javascript函数变量
使用变量命名另一个变量javascript
Javascript使用变量调用另一个变量
在javascript中设置另一个javascript的变量
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
