React Material-UI Select未检测到滚动事件

Question

我在理解应该如何使用 Material-UI 检测带有 Select 组件的滚动事件时遇到了一些麻烦。

我有一个具有MenuProps={...} 的 Select。我希望能够收听此 Select 中的滚动事件，所以我正在做的是将 onScroll 放入 MenuProps={...} 中。但该事件从未被触发。

我已经尝试过的：

• 在MenuProps={...} 中的样式对象旁边放置一个overflow: 'auto'。它会导致列表闪烁一秒钟（在 Select 顶部而不是底部）然后消失。
• 我实际上是这样的： https://codesandbox.io/s/autocomplete-not-scrolling-example-k5ltg

有人可以帮帮我吗？

Answer 1

在Material-UI源代码挖掘之后，我发现你需要将滚动监听器附加到Paper component，所以这是工作代码：

MenuProps={{
  PaperProps: {
    onScroll: (event: any) => {
      console.log(event);
      console.log("we scroll");
    }
  },
}}

现场演示