Klick-Events verarbeiten

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

function AlertButton() {
  function handleClick() {
    alert('Button was clicked!');
  }
 
  return (
    <button onClick={handleClick}>
      Click Me
    </button>
  );
}

react

Erklärung

function handleClick() { ... }

Definiert die benutzerdefinierte Logik, die ausgeführt werden soll, wenn das Ereignis eintritt.

onClick={handleClick}

Verknüpft die Handler-Funktion mit dem Klick-Event des Buttons. Beachte, dass wir den Funktionsnamen ohne Klammern übergeben.

Vorheriges Snippet Nächstes Snippet

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

Verwandt

Aus deiner Bibliothek