【问题标题】:event.target null in React event handlerReact 事件处理程序中的 event.target null
【发布时间】:2016-05-13 03:16:52
【问题描述】:

给定以下代码:

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: null 的对象,并且this.state.value"" 更新为undefined。此代码与Forms docs 上的示例差异很小,为什么我似乎无法获得事件目标?

【问题讨论】:

    标签: javascript javascript-events reactjs event-handling


    【解决方案1】:

    event你可以随意命名它,而不仅仅是event)参数添加到update方法

    update(event) {
           ^^^^^
    

    Example

    【讨论】:

    • 是的,天哪,多么愚蠢的疏忽。将在 9 分钟内批准此答案。
    猜你喜欢
    • 2018-01-25
    • 2015-06-26
    • 1970-01-01
    • 1970-01-01
    • 2015-04-15
    • 1970-01-01
    • 2019-10-16
    • 1970-01-01
    相关资源
    最近更新 更多