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

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

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

jsxfunction Test() {
  // isEdit, elem နှင့် data ကို သတ်မှတ်ခြင်း
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}