Props und State sind Kernkonzepte von React, die in React Native identisch funktionieren: Props übergeben Daten an eine Komponente (schreibgeschützte Eingaben), während State Daten speichert, die sich über die Zeit ändern können (und Re-Renders auslösen). Diese zu verstehen ist fundamental.
() {
;
}
< name= age={} />
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // declare state + its setter
return (
<TouchableOpacity onPress={() => setCount(count + 1)}>
<Text>{count}</Text> {/* uses state */}
</TouchableOpacity>
);
}
// → calling setCount updates state → component RE-RENDERS with the new value
State ist interne, veränderbare Daten; das Aktualisieren (über den Setter von useState) löst ein Re-Render aus — so reflektiert die UI Änderungen.
PROPS → passed IN from the parent; READ-ONLY (the component doesn't change them);
for configuration/data from outside
STATE → internal to the component; CHANGEABLE (via setState/useState); triggers re-renders;
for data that changes over time (user input, toggles, fetched data)
→ Data flows DOWN via props; state changes drive UI updates. (Same as React for web.)
Das Verständnis von Props und State ist fundamental für React Native, da sie Kernkonzepte von React sind, die zentral dafür sind, wie Komponenten funktionieren und wie UIs aktualisiert werden — daher ist dies ein Must-Know. Props (schreibgeschützte Daten, die von der Parent-Komponente in eine Komponente übergeben werden und den Komponenten-Baum hinabfließen) sind, wie Komponenten Konfiguration und Daten von außen erhalten, was wiederverwendbare, zusammensetzbare Komponenten ermöglicht. State (interne, veränderbare Daten, die über den useState Hook verwaltet werden, wobei das Aktualisieren ein Re-Render auslöst) ist, wie Komponenten Daten speichern und auf Daten reagieren, die sich über die Zeit ändern (Benutzereingaben, Toggles, abgerufene Daten) — der Mechanismus, durch den UIs Änderungen reflektieren.
Das Verständnis der Unterscheidung — Props, die übergeben und schreibgeschützt sind (für externe Daten/Konfiguration) versus State, der intern und veränderbar ist (für Daten, die sich ändern und Re-Renders vorantreiben) — und das Prinzip, dass Daten über Props hinabfließen, während State-Änderungen UI-Updates vorantreiben, ist fundamental für das korrekte Bauen von React Native (und React) Apps.
Dies sind exakt die gleichen Konzepte wie React für das Web, daher überträgt sich das Verständnis direkt und ist essentiell für jeden, der React Native Komponenten entwickelt.
Props und State richtig umzusetzen (Daten über Props zu übergeben, veränderliche Daten mit State zu verwalten, den unidirektionalen Datenfluss zu verstehen) ist zentral für funktionale, korrekte Komponenten.
Da Props und State zentral dafür sind, wie React Native (und React) Komponenten funktionieren — Daten empfangen (Props) und Änderungen verwalten (State), um UI-Updates voranzutreiben — und das Verständnis dafür fundamental ist für das korrekte Bauen jeder React Native App, ist das Verständnis von Props und State essentiell, fundamentales React Native Wissen — Kernkonzepte, die jeder React Native Entwickler verstehen muss, identisch mit Web-React (daher überträgt sich das Wissen), und fundamental für das Bauen von Komponenten, die Daten empfangen und auf Änderungen reagieren, die grundlegenden Mechanismen der React Native UI-Entwicklung.