javascript / beginner
Snippet
Event-Handler als Funktionen definieren
In React übergibst du eine Funktion als Event-Handler anstelle eines Strings. Dies hält deine Logik organisiert und wiederverwendbar.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
function ActionButton() {function handleClick() {alert('Button was clicked!');}return (<button onClick={handleClick}>Click Me</button>);}
react
Erklärung
1
function handleClick() { ... }
Definiert eine lokale Funktion, die die Logik enthält, die beim Eintreten des Events ausgeführt werden soll.
2
onClick={handleClick}
Weist die Funktion dem 'onClick'-Event zu. Beachte, dass wir hier keine Klammern verwenden (kein 'handleClick()').