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

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

function 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 ရှိပါသည်။

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

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