将回调传递给javascript中的其他函数

Question

所以我以为我对回调有很好的了解，直到我开始学习反应中的事件处理程序为止。

我知道下面的代码具有一个函数onFormSubmit，该函数是一个回调函数，在用户提交表单时会被调用。但是作为一个回调函数，是一个函数，该函数作为参数传递给另一个函数，我希望该函数调用该函数。

class SearchBar extends React.Component{

    state={term:""};



    onFormSubmit = ()=>{
       //do something with callback
    }

render(){
    return (
        <div className="search-bar ui segment">SearchBar
        <form onSubmit={this.onFormSubmit} className="ui form">
            <div className="field">
                <label>Video Search</label>
                <input 
                type="text" 
                value={this.state.term}
                onChange={this.onInputChange}
                />
            </div>
        </form>
        </div>
        );
}
}

Answer 1

HTML具有内置的函数挂钩，这些挂钩在某些事件发生时触发。说出您可以附加的回调方法，只要单击事件发生（在我们的情况下），浏览器就会自动调用该回调方法。

因此，在给定情况下，当表单提交提交浏览器检查onSubmit钩子上是否有任何回调，如果执行相同，则调用onSubmit表单。