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}
应该可以正常工作