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 တွင် ထုတ်ပြပါ။