javascript - react : Button onClick function is running on page load but not you click it

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>