反应：按钮onClick功能正在页面加载时运行，而不是您单击它

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

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

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

我甚至还没有点击按钮。如果我真的点击它，控制台中什么都不会出现。有什么想法吗？

---

解决方案

onClick必须是函数。您刚刚将onlick设置为console.log("Print some text")

试试

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