React lernen, 2. Auflage

Kapitel 6. React State Management

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Die Daten sind das, was unsere React-Komponenten zum Leben erweckt. Die Benutzeroberfläche für Rezepte, die wir im letzten Kapitel gebaut haben, ist ohne die Rezepte nutzlos. Es sind die Rezepte und die Zutaten zusammen mit klaren Anweisungen, die eine solche App wertvoll machen. Unsere Benutzeroberflächen sind Werkzeuge, die Ersteller nutzen, um Inhalte zu erstellen. Um die bestmöglichen Werkzeuge für unsere Inhaltsersteller zu entwickeln, müssen wir wissen, wie wir Daten effektiv manipulieren und verändern können.

Im letzten Kapitel haben wir mit einen Komponentenbaum aufgebaut: eine Hierarchie von Komponenten, durch die Daten als Eigenschaften fließen können. Eigenschaften sind die eine Hälfte des Bildes. Der Zustand ist die andere Hälfte. Der Zustand einer React-Anwendung wird durch Daten bestimmt, die sich ändern können. Durch die Einführung von Zuständen in die Rezeptanwendung können Köche und Köchinnen neue Rezepte erstellen, bestehende Rezepte ändern und alte Rezepte löschen.

Zustand und Eigenschaften stehen in einer Beziehung zueinander. Wenn wir mit React-Anwendungen arbeiten, komponieren wir Komponenten, die auf der Grundlage dieser Beziehung miteinander verbunden sind, auf elegante Weise. Wenn sich der Zustand eines Komponentenbaums ändert, ändern sich auch die Eigenschaften. Die neuen Daten fließen ...