React事件处理程序中的event.target null

时间:2016-02-03 18:52:39

标签: 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.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;

每次我在update()中记录事件对象时,它都会返回一个对象target: nullthis.state.value更新""undefined。此代码与Forms docs上的示例差异很小,为什么我似乎无法获得事件目标?

1 个答案:

答案 0 :(得分:5)

添加event您可以将其命名为event )参数update方法

update(event) {
       ^^^^^

Example