Javascript React事件处理程序中的event.target null
给定以下代码:Javascript React事件处理程序中的event.target null,javascript,javascript-events,reactjs,event-handling,Javascript,Javascript Events,Reactjs,Event Handling,给定以下代码: var React = require("react") ; class ControlText extends React.Component { constructor(props){ super(props); this.state = { value: "" }; } update() { console.log(event); this.setState({value: event.target.v
var
React = require("react")
;
class ControlText extends React.Component {
constructor(props){
super(props);
this.state = {
value: ""
};
}
update() {
console.log(event);
this.setState({value: event.target.value});
}
render() {
console.log(this.state);
var value = this.state.value;
return <input type="text" value={value} onChange={this.update.bind(this)} />
}
}
module.exports = ControlText;
var
反应=要求(“反应”)
;
类ControlText扩展了React.Component{
建造师(道具){
超级(道具);
此.state={
值:“”
};
}
更新(){
console.log(事件);
this.setState({value:event.target.value});
}
render(){
console.log(this.state);
var值=this.state.value;
返回
}
}
module.exports=控制文本;
每次我在update()中记录事件对象时,它都会返回一个带有target:null的对象,并且this.state.value
会从“
更新到未定义的。此代码与上的示例差别很小,为什么我似乎无法获得事件目标?将事件
(您可以根据需要命名它,而不仅仅是事件
)参数添加到更新
方法
update(event) {
^^^^^
将事件
(您可以根据需要命名它,而不仅仅是事件
)参数添加到更新
方法
update(event) {
^^^^^
是的,哦,我的天哪,多么愚蠢的疏忽。我会在9分钟内批准这个答案。是的,我的天哪,多么愚蠢的疏忽。将在9分钟内批准此答案。