反应停止事件传播而不取消事件

Question

I have a dropdown list (or button with split) which does its thing on a click. It's inside a div which has some specific onClick behavior. How to make the click on the dropdown not being propagated to the div but also the default behaviour (opening the dropdown) not cancelled?

onClick = (e) => {
   e.stopPropagation();
   // continue with the original event on e.target 
   // ???
}

Answer 1

I resolved the problem for the moment by doing e.stopPropagation() on an intermediate div. So if I have div1 > div2 > div3 and I want to have onClick with default behavior on div3 but avoid it firing on div1, I just added onClick={(e) => {e.stopPropagation(); e.preventDefault();} onClick={(e) => {e.stopPropagation(); e.preventDefault();} on div2.