React

5 Eine React-Komponente

In diesem Kapitel beschäftigen wir uns mit dem Kern von React: den Komponenten. Wir zeigen dir die wichtigsten Konzepte und Eigenschaften von React-Komponenten. Dabei konzentrieren wir uns zunächst auf eine einzelne, isolierte Komponente. Im folgenden Kapitel sehen wir uns dann an, wie du mit mehreren Komponenten arbeiten kannst.

5.1 Hands-on: Eine Komponente

Beginnen wir zunächst mit der Entwicklung einer sehr einfachen Komponente für die Vote-Anwendung. Dabei handelt es sich um die ChoiceBar-Komponente. Diese Komponente ist in der Anwendung dafür zuständig, eine einzelne Antwort (Choice) einer Umfrage (Vote) anzuzeigen.

Abb. 5–1Die Komponente ChoiceBar

Wir entwickeln diese Komponente nun Schritt für Schritt in einer ...