Event-objek wanneer parameters oorgedra word

Laat ons sê ons het 'n sekere funksie func, wat ons wil gebruik as 'n gebeurtenishandler. Laat ons sê hierdie funksie aanvaar 'n sekere parameter:

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

Kom ons gebruik hierdie funksie as 'n handler, en dra 'n parameter aan dit oor:

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

Laat ons nou sê, behalwe die parameter, wil ons ook die Event-objek in ons funksie ontvang. Om dit te doen, moet ons soos volg te werk gaan:

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

Verduidelik hoe die gegewe kode werk.

Задание 2

Herskryf die gegewe kode sodat die funksie twee parameters aanvaar.

Задание 3

Wysig die vorige probleem sodat die gebeurtenisobjek as die eerste parameter oorgedra word van die funksie, en nie die laaste nie.

Задание 4

Wysig die vorige probleem sodat die gebeurtenisobjek as die tweede parameter oorgedra word van die funksie, tussen die eerste en derde parameters in.