是否可以在材料ui的选择组件中使用分页?

Posted

技术标签:

【中文标题】是否可以在材料ui的选择组件中使用分页?【英文标题】:Is it possible to use pagination in select component of material ui? 【发布时间】:2021-01-04 00:42:13 【问题描述】:

我的要求是在材质 ui 的选择组件中使用分页。因此,组合中的数据应在页面选择时加载。还是有其他反应组件可以做到这一点?

如果不是分页,延迟加载或类似的东西也可以!!

【问题讨论】:

【参考方案1】:

您可以通过 componentDidMount 生命周期 Hook (https://reactjs.org/docs/react-component.html) 中的 AJAX API 调用获取数据。您还可以将 useEffect() 用于功能组件 (https://reactjs.org/docs/hooks-effect.html)。这将在页面已加载时加载数据并更新状态以显示您选择的选项。

【讨论】:

我的意思是分页而不是页面加载时间。组合框中的类似内容(选择组件)material-ui.com/components/pagination 这样它一次只加载数据的子集

以上是关于是否可以在材料ui的选择组件中使用分页?的主要内容,如果未能解决你的问题,请参考以下文章

在材料ui的日期选择器中更改formatDate

对话框中的材料 UI 更改日期字段样式

通过Element ui往页面上加一个分页导航条

使用材料 ui 键盘日期选择器动态设置日期

我们是不是可以在不使用 Datepicker 的情况下将材质 UI 选择器中的 Calendar 组件用作独立组件 - 如果可以,如何?

饿了么ui下拉框禁用