React တွင် Component များ၏ ဒေတာများ

Component များ၏ ဒေတာများကို နေရာသုံးမျိုးတွင် သိမ်းဆည်းထားနိုင်သည်။ props များတွင်၊ Component ၏ variable များနှင့် constant များတွင်၊ ၎င်းပြင် state များတွင် ဖြစ်သည်။ props များတွင် Component အတွင်းသို့ ၎င်း၏မိဘ Component မှ အပြင်ဘက်မှပို့သော ဒေတာများ သိမ်းဆည်းထားသည်။ ထိုသို့ဖြင့် Component အတွင်းတွင် props များသည် မပြောင်းလဲဘဲ ကျန်ရှိသင့်သည်။

Variable များ၊ constant များနှင့် state များတွင် Component အတွက် ကိုယ်တိုင်အရေးပါပြီး မိဘအား သိစရာမလိုသော ဒေတာများကို သိမ်းဆည်းသင့်သည်။ ထိုသို့ဖြင့် state များတွင် မတူညီသောဖြစ်ရပ်များတွင် ပြောင်းလဲနိုင်ပြီး ထိုပြောင်းလဲမှုများသည် reactive ဖြစ်စေလိုသည့် ဒေတာများကို သိမ်းဆည်းသင့်သည်။

Component တစ်ခုကို ပေးထားသည်။

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၊ variable သို့မဟုတ် constant ဖြစ်နိုင်သည်။