React'ta Event Nesnesi

Olay işleyicisine bağlı fonksiyonun içinde, Event nesnesine erişilebilir:

jsxfunction 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.

Задание 1

Bir buton verilmiştir. Tıkladığınızda Event nesnesini alın ve konsola yazdırın.

Задание 2

Bir buton verilmiştir. Tıkladığınızda tıklamanın event.target'ını konsola yazdırın.