Javascript 反应物料界面选择未检测到滚动事件

Javascript 反应物料界面选择未检测到滚动事件,javascript,reactjs,typescript,react-hooks,material-ui,Javascript,Reactjs,Typescript,React Hooks,Material Ui,我在理解如何使用Material UI通过Select组件检测滚动事件时遇到了一些问题 我有一个Select,它有MenuProps={…}。我希望能够在这个Select中监听滚动事件,所以我要做的是将onScroll放在MenuProps={…}中。但事件从未被触发 我已经尝试过的: 在MenuProps={…}中的样式对象旁边放置一个溢出:“auto”。它会导致列表闪烁一秒钟(在选择的顶部而不是底部),然后消失 实际上我看到的是这样的: 有人能帮我吗?在深入研究Material UI源

我在理解如何使用Material UI通过
Select
组件检测滚动事件时遇到了一些问题

我有一个Select,它有
MenuProps={…}
。我希望能够在这个Select中监听滚动事件,所以我要做的是将
onScroll
放在
MenuProps={…}
中。但事件从未被触发

我已经尝试过的:

  • MenuProps={…}
    中的样式对象旁边放置一个
    溢出:“auto”
    。它会导致列表闪烁一秒钟(在
    选择的顶部而不是底部),然后消失
  • 实际上我看到的是这样的:

有人能帮我吗?

在深入研究Material UI源代码后,我发现您需要将滚动侦听器附加到,因此这是工作代码:

MenuProps={{
纸质道具:{
onScroll:(事件:任意)=>{
console.log(事件);
log(“我们滚动”);
}
},
}}
现场演示

我认为主要的问题是,如果我没有弄错,它指的是选择输入本身。材料界面显示一个div,带有列表和列表项作为下拉列表,与下拉输入本身分离。所以我不确定onScroll是否能如预期的那样工作。另外,如果您测试onlick,它只应用于选择输入字段本身,非常感谢!!!有效:D