Data za Komponeneti katika React
Data za komponeneti zinaweza kuhifadhiwa katika sehemu tatu: katika props, katika anuwai na viunga (constants) vya komponeneti, na katika hali (state). Katika props huhifadhiwa data ambazo hutumwa kwa komponeneti kutoka nje na komponeneti yake mzazi. Wakati huo huo, ndani ya komponeneti props zinapaswa kubaki zisizobadilika.
Katika anuwai, viunga, na hali (state) inapaswa kuhifadhiwa data za ndani, ambazo ni muhimu kwa komponeneti yenyewe na ambazo mzazi hahitaji kuzijua. Wakati huo huo, katika hali (state) inapaswa kuhifadhiwa data ambazo zinaweza kubadilika katika matukio mbalimbali na wakati huo unataka, mabadiliko yawe ya kuitikia (reactive).
Imetolewa komponeneti fulani:
function Test() {
// ufafanuzi wa isEdit, elem na data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Amua, isEdit, elem na
data zinaweza kuwa nini: prop, hali (state), anuwai, au
kiunga (constant).
