React'ta Event Nesnesi
Olay işleyicisine bağlı fonksiyonun içinde,
Event nesnesine
erişilebilir:
function App() {
function func(event) {
console.log(event); // olay nesnesi
}
return <div>
<button onClick={func}>eylem</button>
</div>;
}
event değişkenine tarayıcının orijinal
Event nesnesi değil, React tarafından
oluşturulan özel bir çapraz tarayıcı sarmalayıcısı
gelir. Bu sarmalayıcının adı SyntheticEvent'tır.
Bu sarmalayıcı, olayların tüm tarayıcılarda
aynı şekilde çalışmasına yardımcı olur.
stopPropagation ve preventDefault
yöntemleri de dahil olmak üzere, yerel olayla
aynı arayüze sahiptir.
Bir buton verilmiştir. Tıkladığınızda Event
nesnesini alın ve konsola yazdırın.
Bir buton verilmiştir. Tıkladığınızda tıklamanın
event.target'ını
konsola yazdırın.