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

Question

给定以下代码：

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() 中记录事件对象时，它 returns 一个具有 target: null 和 this.state.value 的对象从 "" 更新到 undefined.此代码与 Forms docs 上的示例差别很小，为什么我似乎无法获得事件目标？

Answer 1

在update方法

中添加event(你可以随意命名，不仅event)参数

update(event) {
       ^^^^^

Example

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

event.target null in React event handler

javascript

event-handling

dom-events

reactjs