Event objekti kasutamine parameetrite edastamisel
Oletame, et meil on mingi funktsioon func,
mida me soovime kasutada kui
sündmuse käitlejat. Oletame, et see funktsioon võtab vastu
mõne parameetri:
jsxfunction func(arg) {
console.log(arg);
}
Kasutame seda funktsiooni kui käitlejat, edastades sellele parameetri:
jsxfunction App() {
function func(arg) {
console.log(arg);
}
return <div>
<button onClick={() => func('eee')}>act</button>
</div>;
}
Oletame nüüd, et lisaks parameetrile soovime saada
oma funktsioonis Event objekti. Selleks
peame tegema järgmist:
jsxfunction App() {
function func(arg, event) {
console.log(arg, event);
}
return <div>
<button onClick={event => func('eee', event)}>act</button>
</div>;
}
Задание 1
Selgitage, kuidas toodud kood töötab.
Задание 2
Teisendage toodud kood nii, et funktsioon võtaks vastu kaks parameetrit.
Задание 3
Modifitseerige eelmist ülesannet nii, et sündmuse objekt edastataks funktsiooni esimese parameetrina, mitte viimasena.
Задание 4
Modifitseerige eelmist ülesannet nii, et sündmuse objekt edastataks funktsiooni teise parameetrina, olles esimese ja kolmanda parameetri vahel.