反應 Material-UI Select 未檢測到滾動事件

Question

我無法理解如何使用 Material-UI 檢測帶有Select組件的滾動事件。

我有一個具有MenuProps={...}的 Select 。 我希望能夠聽到這個 Select 中的滾動事件，所以我正在做的是將onScroll放在MenuProps={...}中。 但是該事件永遠不會被觸發。

我已經嘗試過的：

• 在MenuProps={...}中的 object 樣式旁邊放置一個overflow: 'auto' 。 它導致列表閃爍一秒鍾（在Select的頂部而不是底部）並消失。
• 我實際上看起來像這樣： https://codesandbox.io/s/autocomplete-not-scrolling-example-k5ltg

有人可以幫我嗎？

Answer 1

在挖掘 Material-UI 源代碼后，我發現您需要將滾動偵聽器附加到Paper組件，所以這是工作代碼：

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

現場演示