Reactjs onChange react事件调用具有参数但未传递参数的函数?

Reactjs onChange react事件调用具有参数但未传递参数的函数?,reactjs,components,jsx,Reactjs,Components,Jsx,我不太清楚这个问题的标题。我的问题是一个更基本的理解水平,而不是一个实际问题。我是新来的。我不理解下面这行的组件功能: <input type='text' name='myinput' value={this.state.input} onChange = {this.handleChange.bind(this)} /> 调用的这个handleChange函数有一个事件参数,但事件是什么?事件是否只是一个关键字,而不是一个实际的参数传递?我不明白 完整组件: 类Contro

我不太清楚这个问题的标题。我的问题是一个更基本的理解水平,而不是一个实际问题。我是新来的。我不理解下面这行的组件功能:

<input type='text' name='myinput' value={this.state.input} onChange = {this.handleChange.bind(this)} />

调用的这个handleChange函数有一个事件参数,但事件是什么?事件是否只是一个关键字,而不是一个实际的参数传递?我不明白

完整组件:

类ControlledInput扩展了React.Component{
建造师(道具){
超级(道具);
此.state={
输入:“”
};
//更改此行下面的代码
this.handleChange=this.handleChange.bind(this);
//更改此行上方的代码
}
//更改此行下面的代码
手变(活动){
这是我的国家({
输入:event.target.value
});
}
//更改此行上方的代码
render(){
返回(
{/*更改此行下方的代码*/}
{/*更改此行上方的代码*/}
受控输入:
{this.state.input}

); } }

我想如果有人能告诉我这是怎么回事?逻辑上我不明白?

您在
onChange
函数中收到的事件只是发生更改时浏览器发送的本机事件

它基本上是一个对象,保存了一些关于刚刚发生的事情的信息。在这种情况下,
target
属性保存
元素。因此,访问
event.target.value
将为您提供输入元素的值

此外,它还包含其他数据/函数,您可以使用这些数据/函数来操纵浏览器如何处理所发生的事情。例如,您可以使用
preventDefault()
阻止调度事件时可能发生的默认行为。就像在提交表单时,您可能希望阻止发生默认行为,以便自己处理提交逻辑

您可以在此处阅读有关
事件
界面的更多信息:

特别是关于变革事件:


此外,在构造函数中,您已经将
这个
绑定到函数,因此不必再次绑定
onChange={this.handleChange}
应该可以正常工作