may help you . It seems both combobox only has a 'onChange' event, so will not fire unless we change the selection. Maybe a dropdow list may work as it has a 'onAction' event. As a work around i placed a dummy at the top of the list which can be used to change selection. I know this is a stupid work around but it will have to do untill i check out the other options like a Dropdown list.
How to prevent click events from bubbling up when overlaying a YouTube video?
this will help The reason why the click handling does not work beyond the first level is because your second level Tree component (the one inside the contents array) does not get the appropriate prop handleChildClick passed in. (BTW I think the convention is to call the prop onChildClick while the handler function is called handleChildClick - but I digress.) Do I understand correctly that you actually want to inform each layer from the clicked component up to the top? For this to happen, you need to extend the props of the tree component that is inside the contents array - it needs to receive the click handler of its parent component. Of course, you cannot write this down statically, so it needs to be done dynamically: