javascript - 对输入的每个字符做出不需要的提交

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")}