React ရှိ Event အရာဝတ္ထု

ဖြစ်ရပ်များအတွက် ချိတ်ဆက်ထားသော လုပ်ဆောင်ချက် အတွင်း၌၊ Event အရာဝတ္ထုကို ရယူနိုင်ပါသည်။

jsxfunction App() {
  function func(event) {
    console.log(event); // ဖြစ်ရပ်နှင့်အတူ အရာဝတ္ထု
  }
  
  return <div>
    <button onClick={func}>လုပ်ဆောင်ရန်</button>
  </div>;
}

အမျိုးအစား event အတွင်းသို့ မူရင်း browser ၏ �ရာဝတ္ထု Event မဟုတ်ဘဲ၊ React ဘက်မှ ၎င်း၏အပေါ် အထူး cross-browser wrapper တစ်ခု ရောက်ရှိလာပါသည်။ ဤ wrapper ကို SyntheticEvent ဟုခေါ်ပါသည်။ ဤ wrapper သည် ဖြစ်ရပ်များ browser အားလုံးတွင် တူညီစွာ အလုပ်လုပ်စေရန် ကူညီပေးပါသည်။ ၎င်းတွင် မူရင်းဖြစ်ရပ်၏ နည်းလမ်းများဖြစ်သော stopPropagation နှင့် preventDefault တို့အပါအဝင် အလားတူ interface ရှိပါသည်။

Задание 1

ခလုတ်တစ်ခု ရှိပါသည်။ ၎င်းကို ကလစ်နှိပ်သောအခါ Event အရာဝတ္ထုကို ရယူပြီး console တွင် ထုတ်ပြပါ။

Задание 2

ခလုတ်တစ်ခု ရှိပါသည်။ ၎င်းကို ကလစ်နှိပ်သောအခါ event.target ကို console တွင် ထုတ်ပြပါ။