Событие прокрутки запускается как на верхнем элементе, так и на нижнем элементе

Question

Я использую AutoSizer для одного из вариантов использования в моем приложении.в коде Autosizer они изменяют scrollTop, из-за которого вызывается событие прокрутки.Как события прокрутки регистрируются (а не всплывают), как предотвратить событие прокрутки в AutoSizer (или ограничить событие только нужным элементом)?Единственный способ, который я мог бы найти, это проверить, совпадают ли target и currentTarget в обработчике событий

onScroll = event => {
    if(event.target === event.currentTarget){
        ...do Something
    }
} 

Это правильный способ сделать это или есть какой-то другой способ?PS Я использую react в моем приложении

Answer 1

Если я вас правильно понял, вы хотите запретить прокрутку родительского компонента, если прокрутился дочерний компонент. Если да, используйте для этого e.stopPropagation();.

onScroll = event => {
    event.stopPropagation();
    // ...do Something
}