每个输入都响应表单触发按钮onClick

Question

我正在尝试创建一个具有两个输入和一个按钮的表单。单击按钮时，将使用输入字段来更新状态，然后显示一条警报，其中包含该状态中保存的信息。当前，我有输入更改状态，但是每次在输入中添加字母时都会调用警报功能...

//returns the index of the selected value
document.getElementById("buffer").selectedIndex

谢谢，这是我的第一个前端框架，因此学习起来非常困难。

Answer 1

您不希望立即调用该函数，而只是单击该按钮时才希望。 onClick是事件监听器，在调用this.handleSubmit之前等待按钮被单击。通过括号，它将在呈现组件后立即调用handleSubmit函数。关于SO有类似的问题，如果您想了解何时应该使用括号，何时不应该使用括号，人们会在哪里更详细地讨论它：here和here。

<button onClick={this.handleSubmit}>Submit</button>