javascript - 无法读取未定义的属性 'target'

Question

在我的渲染方法中我有组件

<DatePicker selected={this.state.startDate} onChange={this.handleChange()}/>

handleChange 紧随其后

handleChange: function (e) {
  var that = this;
  console.log(e.target.value)
  return function () {
    that.setState({
      startDate: e.target.value
    });
  }
},

当我尝试使用该组件加载页面时，出现错误

Cannot read property 'target' of undefined

我做错了什么？

Answer 1

问题是您在这一行中调用函数:

onChange={this.handleChange()}

您只需将函数作为值传递给 onChange 而无需调用它。

onChange={this.handleChange}

当您使用括号时，您将调用一个函数/方法，而不是将其与事件处理程序绑定(bind)。比较以下两个示例:

//invokes handleChange() and stores what the function returns in testA.
const testA = this.handleChange()  

对比

//stores the function itself in testB. testB be is now a function and may be invoked - testB();
const testB = this.handleChange