javascript - 鼠标滚动事件不适用于 react 滚动条内的 react 选择

标签 javascript reactjs dom-events mouseevent react-select

我使用两个包:

  1. react-select
  2. reactScrollbar

我正在使用react scroller在我的项目中平滑滚动。在 react 滚动器中我使用 react-select平滑下降。

问题:每当我滚动查看我的 react select 时落下。父滚动事件也会被触发,并且 react 选择关闭它的下拉列表。因此,我无法选择值表单下拉列表。

最佳答案

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

onWheel=(e)=>{
 e.stopPropagation();
}

<div onWheel={this.onWheel}
 <Select ../>
</div>

关于javascript - 鼠标滚动事件不适用于 react 滚动条内的 react 选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47436071/

相关文章:

javascript - 使用 MST 的 React Navigation 5 身份验证流程,而不是 "switching"

javascript - 立即绑定(bind)用于事件处理的 Javascript 对象方法

javascript - Vue : disable no-unused-vars error: the simplest fix

javascript - 取消选中复选框时删除值

reactjs - React - 父组件DidMount早于子组件

javascript - 类方法不能访问属性

javascript - 将 JavaScript 解释器发送回代码顶部

javascript - Div 作为模式 - javascript

javascript - 确定在 chrome 中调用了什么 javascript 函数

javascript - React Router 在哪里使用 AJAX