Komponentendaten in React
Komponentendaten können an drei Stellen gespeichert werden: in Props, in Variablen und Konstanten der Komponente und im State. In Props werden Daten gespeichert, die der Komponente von außen durch ihre übergeordnete Komponente gesendet werden. Dabei sollten die Props innerhalb der Komponente unveränderlich bleiben.
In Variablen, Konstanten und im State sollten lokale Daten gespeichert werden, die für die Komponente selbst wichtig sind und von denen der Elternkomponent nichts wissen muss. Dabei sollten im State Daten gespeichert werden, die sich bei verschiedenen Ereignissen ändern können und bei denen Sie möchten, dass die Änderungen reaktiv sind.
Gegeben ist eine bestimmte Komponente:
function Test() {
// Definition von isEdit, elem und data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Bestimmen Sie, was isEdit, elem und
data sein können: ein Prop, ein State, eine Variable oder eine Konstante.