React: Button onClick function is running on page load but not you click it(反应：按钮onClick功能正在页面加载时运行，而不是您单击它)

本文介绍了反应：按钮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>

这篇关于反应：按钮onClick功能正在页面加载时运行，而不是您单击它的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！