React onClick无法正常工作

时间:2016-07-31 01:40:55

标签: javascript html html5

我试图在React中使用onClick方法在单击按钮时记录一个简单的单词

<button> onClick={console.log('hello world!')}> Submit < / button >           

&#39;你好世界!&#39;只有当我点击它没有注销的按钮时才会在页面最初加载时注销。

2 个答案:

答案 0 :(得分:1)

React希望onclick处理程序是一个函数,但console.log('hello world!')只显示消息并返回undefined。请试试这个:

<button onClick={() => console.log('hello world!')}>Submit</button>

演示:https://jsfiddle.net/iRbouh/6k9w5eem/

答案 1 :(得分:0)

onClick接受一个函数。您正在分配console.log()执行的返回。你需要做的是像

<button onClick={() => console.log('hello world!')}>Submit</button>