javascript / beginner
Snippet
Klick-Events verarbeiten
Event-Handler ermöglichen es deiner Anwendung, auf Benutzerinteraktionen zu reagieren. In React übergibst du eine Funktion an den onClick-Prop, um Logik auszulösen, wenn ein Button gedrückt wird.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
function AlertButton() {function handleClick() {alert('Button was clicked!');}return (<button onClick={handleClick}>Click Me</button>);}
react
Erklärung
1
function handleClick() { ... }
Definiert die benutzerdefinierte Logik, die ausgeführt werden soll, wenn das Ereignis eintritt.
2
onClick={handleClick}
Verknüpft die Handler-Funktion mit dem Klick-Event des Buttons. Beachte, dass wir den Funktionsnamen ohne Klammern übergeben.