Reagieren onClick nicht richtig

Question

arbeiten Ich versuche, die onClick Methode zu verwenden, in Reagieren Sie ein einfaches Wort loggt sein, wenn eine Schaltfläche

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

geklickt wird ‚Hallo Welt!‘ wird nur ausgeloggt, wenn die Seite anfänglich geladen wird, wenn ich auf die Schaltfläche klicke, wird sie nicht abgemeldet.

Answer 1

Reagieren onclick Handler erwartet eine Funktion zu sein, aber console.log('hello world!') wird nur die Meldung und undefined zurückzukehren. Bitte versuchen Sie dies:

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

Demo: https://jsfiddle.net/iRbouh/6k9w5eem/

Answer 2

onClick akzeptiert eine Funktion. Sie weisen die Rückgabe der console.log() -Ausführung zu. Was Sie tun müssen, ist so etwas wie

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