Komponentdata i React
Komponentdata kan lagres på tre steder: i props, i variabler og konstanter i komponenten, og i states. I props lagres data som sendes til komponenten utenfra av dens foreldrekomponent. Inne i komponenten skal props forbli uendret.
I variabler, konstanter og states bør man lagre lokale data som er viktige for selve komponenten og som foreldrekomponenten ikke trenger å vite om. I states bør man lagre data som kan endre seg i ulike hendelser og der man ønsker at endringene skal være reaktive.
Det er gitt en viss komponent:
function Test() {
// definisjon av isEdit, elem og data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Bestem hva isEdit, elem og
data kan være: prop, state, variabel, eller
konstant.
