Ereignisse verarbeiten

Teil des React-Kurses

Eine Komponente, die immer nur anhand von Props und State rendert, ist für sich genommen nicht interaktiv. Irgendetwas muss mitbekommen, dass der Nutzer auf einen Button klickt, in ein Feld tippt oder eine Taste drückt, und daraus ein State-Update machen. Ein onClick hast du in der vorigen Lektion schon eingebunden, ohne dass wir stehen geblieben wären und es erklärt hätten.

React lässt dich Event-Handler direkt an JSX-Elemente hängen, über Props, die nach dem DOM-Event benannt sind, auf das sie reagieren, geschrieben in camelCase: onClick für Klicks, onChange für Änderungen in einem Eingabefeld und so weiter. Der Wert dieser Prop ist eine Funktion, die du entweder separat definierst oder direkt an Ort und Stelle hinschreibst.