Event-ის ობიექტი React-ში

ფუნქციის შიგნით, რომელიც დაკავშირებულია მოვლენის დამმუშავებელთან, ხელმისაწვდომია 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 დაწკაპუნების.