对输入的每个字符反应不需要的提交

Question

每次我在输入文本字段中输入一个字符时，它都会自动按下附加的提交按钮。

我想在提交之前输入输入文本字段中的所有字符。

正是这部分导致了问题：

<input type="text" ref={this.input} onChange={this.handleChange} />

<input type="submit" className="text-success col-offset-3" onClick={console.log("clicked")} value="Add Stock"/>

例如，每次我在输入文本字段中输入一个字符时，它都会“点击”console.log 而我实际上没有点击按钮

你们有人知道为什么吗？

Answer 1

您传入 console.log() 因此每次页面重新渲染时都会调用该函数。正如你通过这样传递它来调用它的。

你需要像这样传递它：

onClick={() => console.log("Clicked")}