Select Material-UI onMenuScrollToBottom 中的字段 属性

Question

我正在使用 Material-UI 中的 select 字段，我希望当我滚动到菜单底部时调用 API 来附加一些新选项。

在 react-select 库中有一个 onMenuScrollToBottom 属性 用于此原因，但在 Material-UI select现场我没有看到这样的道具。你知道我怎样才能实现这个功能吗？我正在使用 import { SelectField } from 'redux-form-material-ui';

谢谢

Answer 1

MUI Select 没有 onMenuScrollToBottom 道具，但您可以使用以下简单代码侦听 scroll 事件并检测用户何时到达底部：

<Select
  MenuProps={{
    PaperProps: {
      onScroll: (event) => {
        const listEl = event.currentTarget;
        if (
          listEl.scrollTop + listEl.clientHeight >=
          listEl.scrollHeight
        ) {
          console.log("scroll to bottom!");
        }
      }
    }
  }}
  {...props}
>

现场演示