React හි Event වස්තුව
සිදුවීම් හසුරුවන්නාට බැඳුණු ශ්රිතය තුළ,
Event වස්තුවට ප්රවේශ විය හැකිය:
jsxfunction App() {
function func(event) {
console.log(event); // සිදුවීම සමඟ වස්තුව
}
return <div>
<button onClick={func}>ක්රියාව</button>
</div>;
}
event විචල්යයට ලැබෙන්නේ බ්රවුසරයේ ස්වභාවික
Event වස්තුව නොව, React පැත්තෙන් එයට ඇති විශේෂ
ක්රොස්-බ්රවුසර් ආවරණයකි. මෙම ආවරණය SyntheticEvent
නම් වේ. මෙම ආවරණය සියලු බ්රවුසරවල සිදුවීම් සමානව
ක්රියා කිරීමට උපකාරී වේ. එයට stopPropagation සහ
preventDefault ක්රම ඇතුළුව, ස්වභාවික සිදුවීමේ
මෙන් සමාන අතුරු මුහුණතක් ඇත.
Задание 1
බොත්තමක් ලබා දී ඇත. එය මත ක්ලික් කිරීමෙන් Event
වස්තුව ලබාගෙන කොන්සෝලයේ ප්රදර්ශනය කරන්න.
Задание 2
බොත්තමක් ලබා දී ඇත. එය මත ක්ලික් කිරීමෙන් කොන්සෝලයේ
event.target
ප්රදර්ශනය කරන්න.