Event-Handler als Funktionen definieren

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
function ActionButton() {
  function handleClick() {
    alert('Button was clicked!');
  }
 
  return (
    <button onClick={handleClick}>
      Click Me
    </button>
  );
}

react

Erklärung

function handleClick() { ... }

Definiert eine lokale Funktion, die die Logik enthält, die beim Eintreten des Events ausgeführt werden soll.

onClick={handleClick}

Weist die Funktion dem 'onClick'-Event zu. Beachte, dass wir hier keine Klammern verwenden (kein 'handleClick()').

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Verwandt

Aus deiner Bibliothek