Event delegation, her bir çocuk için bir listener eklemek yerine, ortak bir atasına tek bir listener eklemeyi ve event bubbling kullanarak hangi çocuğun gerçekten etkileşime girdiğini belirlemek anlamına gelir (via event.target).
.().(
li.(, handle));
.().(, {
li = e..();
(li) (li..);
});
Bir <li> öğesine tıkladığınızda, event bubbles şekilde yukarı çıkar: li → ul → body → document. <ul> üzerindeki bir listener bu nedenle herhangi bir <li> çocuğundan tıklamaları alır ve e.target size tıklanan kesin öğeyi söyler. closest("li") hedeften yukarıya doğru yürüyerek amaçlanan öğeyi bulur (iç öğelerdeki tıklamaları da yönetir).
<li> yeni bir listener gerektirmez, çünkü üst öğe zaten bunu yönetir.Bubbling'e dayanır, bu nedenle bubble olmayan olaylar için çalışmaz (focus, blur — bunun yerine focusin/focusout kullanın). Bu, React'in dahili olarak kullandığı tam tekniktir (tüm uygulama için bir root listener).