React හි සංරචක දත්ත
සංරචක දත්ත සුරැකිය හැක්කේ ස්ථාන තුනකය: props වල, සංරචකයේ විචල්ය හා නියත වල, සහ state වල. Props වල ගබඩා වන්නේ පිටතින් සංරචකයට එහි මාපිය සංරචකය විසින් එවන දත්ත වේ. මේ අතරතුර, සංරචකය තුළ props නොවෙනස්ව පැවතිය යුතුය.
විචල්ය, නියත සහ state වලදී ස්ථානීය දත්ත ගබඩා කළ යුතුය, එමගින් සංරචකයට පෞද්ගලිකව වැදගත් වන අතර මාපියයා දැන සිටිය යුතු නැත. මේ අතරතුර, state වලදී දත්ත ගබඩා කළ යුතුය, විවිධ සිදුවීම්වලදී වෙනස් විය හැකි සහ මෙම වෙනස්කම් ප්රතික්රියාශීලී විය යුතු බවට ඔබ කැමති වේ.
යම් සංරචකයක් ලබා දී ඇත:
function Test() {
// isEdit, elem සහ data අර්ථ දැක්වීම
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
අර්ථ දක්වන්න, isEdit, elem සහ
data විය හැක්කේ කුමක්ද යන්න: prop, state, විචල්ය, හෝ
නියත.
