Javascript React中的event.target.value是什么？

我能够在我的简单React应用程序中实现一个事件处理程序，我想更深入地理解event.target.value。我有一个猜测，但我想问其他人，这样我就可以确认或修改任何错误的理解

所以。。。我们如何在React中使用event.target.value？事件是否属于事件？还是更像是一种反应

这是我的代码供参考

import React from 'react';
import Display from './Display';

export default class Search extends React.Component{
  constructor(props){
    super(props);
    this.state = { userInput: '' };
    this.onSubmit = this.onSubmit.bind(this);
    this.updateInput = this.updateInput.bind(this);
  }

  updateInput(e){
    this.setState({userInput: e.target.value});
  }

  onSubmit(){
    const title = this.state.userInput;
    console.log(title)
  }
  
  render(){
    return(
      <div>
      <label>
        Movie Search App
        <br></br>
        <input type="text" value={this.state.userInput} onChange={this.updateInput}/>
      </label>
      <br></br>
        <input type="submit" value="Search" onClick={this.onSubmit}/>
        <Display />
    </div>
    )
  }
}

从“React”导入React；
从“./Display”导入显示；
导出默认类搜索扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={userInput:''}；
this.onSubmit=this.onSubmit.bind（this）；
this.updateInput=this.updateInput.bind（this）；
}
更新输入（e）{
this.setState（{userInput:e.target.value}）；
}
onSubmit（）{
const title=this.state.userInput；
console.log（标题）
}
render（）{
返回(
电影搜索应用程序






)
}
}

提供触发事件的元素

因此，

event.target.value

检索该元素（在您的示例中是一个输入字段）的值

在React中，

event

s是围绕浏览器本机事件的包装器。它与浏览器的本机事件具有相同的界面，包括

stopPropagation（）

和

preventdefaulture（）

，但事件在所有浏览器中的工作方式相同

---

事件是否属于我找到的事件Web API？ 否，它是本机

事件

的包装器

这更像是一种反应吗？ 是，它与浏览器的本机

事件具有相同的界面

，但没有什么不同

如何在React代码中访问浏览器的本机事件？ 在大多数情况下，你不需要这样做。但是您可以使用

SynthenticEvent

的

nativeEvent

属性，即

event.nativeEvent

---

---

这是否回答了您的问题？看见