Javascript 鼠标滚动事件不适用于react滚动条内的react select

Javascript 鼠标滚动事件不适用于react滚动条内的react select,javascript,reactjs,dom-events,mouseevent,react-select,Javascript,Reactjs,Dom Events,Mouseevent,React Select,我使用两个软件包: 我在我的项目中使用平滑滚动。在我用来平滑下拉的react滚动条内 问题:每当我滚动查看下拉列表时。父滚动事件也会被触发,并在下拉列表中选择react closed。因此,我无法选择值窗体下拉列表。我的onWheel正在滚动父react滚动条滚动条,因此我在react select的父div上添加了onWheel处理程序,如下所示。希望这有帮助 onWheel=(e)=>{ e.stopPropagation(); } <div onWheel={this.

我使用两个软件包:

  • 我在我的项目中使用平滑滚动。在我用来平滑下拉的react滚动条内


    问题:每当我滚动查看下拉列表时。父滚动事件也会被触发,并在下拉列表中选择react closed。因此,我无法选择值窗体下拉列表。

    我的onWheel正在滚动父react滚动条滚动条,因此我在react select的父div上添加了onWheel处理程序,如下所示。希望这有帮助

    onWheel=(e)=>{
     e.stopPropagation();
    }
    
    <div onWheel={this.onWheel}
     <Select ../>
    </div>
    
    onWheel=(e)=>{
    e、 停止传播();
    }
    
    您可以在select标记中添加
    menuPortalTarget={document.body}
    Like

    <select
    ...
    menuPortalTarget={document.body}/>
    
    
    
    它将使用
    文档附加您的选择组件。正文
    和下拉列表在滚动期间不会关闭