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-ը։