Komponentdata i React
Komponentdata kan lagras på tre platser: i props, i variabler och konstanter i komponenten, och i state. I props lagras data som skickas till komponenten utifrån av dess förälderkomponent. Inuti komponenten ska props förbli oförändrade.
I variabler, konstanter och state bör lokal data lagras som är viktig för själva komponenten och som föräldern inte behöver känna till. I state bör data lagras som kan ändras vid olika händelser och där du vill att förändringarna ska vara reaktiva.
Givet en viss komponent:
function Test() {
// definition av isEdit, elem och data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Bestäm vad isEdit, elem och
data kan vara: prop, state, variabel, eller
konstant.
