反应:按钮onClick功能正在页面加载时运行,而不

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功能正在页面加载时运行,而不是您单击它的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:反应:按钮onClick功能正在页面加载时运行,而不

基础教程推荐