反应：按钮 onClick 函数在页面加载时运行，但您没有单击它

Question

我正在使用 ReactStrap 的 ButtonGroup 和 Button。当您单击其中一个按钮时，我设置了一个 onClick 函数：

< ButtonGroup >
  <Button>Edit</Button>
  <Button onClick={console.log("Print some text")}>Print text</Button>
  <Button>Set as default</Button>
</ButtonGroup >

但是当我加载页面时，这就是我得到的：

在我什至点击按钮之前。如果我点击它，控制台中什么也没有。有任何想法吗？

Answer 1

Onclick 必须是函数。您只需设置 onlick 作为结果console.log("Print some text")

尝试这个

   <Button onClick={() => {console.log("Print some text")}}>Print text</Button>