reactjs - 在 Material-UI onMenuScrollToBottom 属性中选择字段

Question

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

在react-select库中有一个onMenuScrollToBottom用于此原因的属性，但在 Material-UI 选择字段中我没有看到这样的道具。你知道我该如何实现这个功能吗？我在用着import { SelectField } from 'redux-form-material-ui';

谢谢

标签： reactjsasynchronousselectdrop-down-menumaterial-ui

Answer 1

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

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

现场演示