Button is automatically clicked

Question

I have made a simple button in react app.

<button onClick={console.log('clicked')}>Click</button>

The problem is that button is continuously click without clicked by me.

Does this answer your question? Correct use of arrow functions in React — Sinan Yaman
– Sinan Yaman, Commented Dec 11, 2020 at 12:00
Does this answer your question? onClick event fired before clicking in react — Guy Incognito
– Guy Incognito, Commented Dec 11, 2020 at 12:01
you didn’t bind the console, you’ve just called it. Just wrap the console with a callback function. — Naren
– Naren, Commented Dec 11, 2020 at 12:02

Sinan Yaman · Accepted Answer · 2020-12-11 11:59:57Z

2

<button onClick={() => console.log('clicked')}>Click</button>

is the solution. When you put paranthesis without using the arrow function, it will automatically execute without waiting for you to click the button

answered Dec 11, 2020 at 11:59

Sinan Yaman

5,9562 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

elehtine · Accepted Answer · 2020-12-11 12:00:57Z

0

onClick takes function as a parameter. Try this and it should work correctly:

<button onClick={ () => { console.log('clicked') } }>Click</button>

answered Dec 11, 2020 at 12:00

elehtine

1086 bronze badges