Parametrlarni uzatishda Event ob'ekti

Faraz qilaylik, bizda func deb nomlangan funksiya bor, uni biz hodisa ishlovchisi sifatida ishlatmoqchimiz. Faraz qilaylik, bu funksiya ma'lum bir parametrni qabul qiladi:

jsxfunction func(arg) {
  console.log(arg);
}

Keling, bu funksiyani ishlovchi sifatida ishlataylik, unga parametr uzatib:

jsxfunction App() {
  function func(arg) {
    console.log(arg);
  }
  
  return <div>
    <button onClick={() => func('eee')}>act</button>
  </div>;
}

Endi faraz qilaylik, parametrdan tashqari biz funksiyada Event ob'ektini ham olishni istaymiz. Buning uchun biz quyidagicha qilishimiz kerak:

jsxfunction App() {
  function func(arg, event) {
    console.log(arg, event);
  }
  
  return <div>
    <button onClick={event => func('eee', event)}>act</button>
  </div>;
}
Задание 1

Keltirilgan kod qanday ishlashini tushuntiring.

Задание 2

Keltirilgan kodni qayta ishlang, shunday qilib funksiya ikki parametrni qabul qilsin.

Задание 3

Oldingi vazifani qayta ishlang, shunday qilib hodisa ob'ekti funksiyaning birinchi parametri sifatida uzatilsin, oxirgi emas.

Задание 4

Oldingi vazifani qayta ishlang, shunday qilib hodisa ob'ekti funksiyaning ikkinchi parametri sifatida uzatilsin, birinchi va uchinchi parametrlar orasida joylashsin.