Komponentdata i React
Komponentdata kan lagres på tre steder: i props, i variabler og konstanter i komponenten, og i state. I props gemmes data, som sendes til komponenten udefra af dens forældrekomponent. Det skal bemærkes, at props indeni komponenten skal forblive uændrede.
I variabler, konstanter og state bør man gemme lokale data, som er vigtige for selve komponenten, og som forælderen ikke behøver at kende til. Det skal tilføjes, at i state bør man gemme data, som kan ændres ved forskellige begivenheder og hvor man ønsker, at ændringerne skal være reaktive.
Der er givet en vis komponent:
function Test() {
// definition af isEdit, elem og data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Bestem, hvad isEdit, elem og
data kan være: prop, state, variabel, eller
konstant.
