在调用onChange之后以反应形式获取事件对象

Question

使用React运行并运行，但是遇到了一些障碍，尤其是表单。

当我传递方法或函数onChange并将事件传递给我的回调时。获得各种结果，如下图所示：

所以这是我的方法，是作为扩展React.Component的类的一部分实现的。

这是我在输入中输入一些值时在控制台中得到的

这到底是怎么回事？

我期望“事件”参数是事件对象，因此我可以访问目标，但事件是我在输入中输入的值。

一直以来，我都对检索事件对象感兴趣，但最终每次都获取了值。

如果我要使用事件对象onChange的元素，该如何处理？以Angular为例，有$ event

Answer 1

您可以通过event.target.value获得输入值。

handleInput: (event) => {
  const { name, value } = event.target

  console.log(name, value)
}

Answer 2

首先，您应在构造函数中绑定handleInput方法，如下所示

this.handleInput = this.handleInput.bind(this).

和

handleInput: (event) => {

  console.log("event ", event)
  console.log("value ", event.target.value)

}