Reactjs 如何使用react在物料ui分页中循环浏览列表项

我想循环列表数据并呈现分页。。。 以及如何在材质ui分页中限制每页的项目

用作材质ui分页道具的参考

所以基本上这个组件的作用是为您创建一个分页系统，它不管理任何数据。它可以更改页码状态（从1更改为2，依此类推）。它需要传递一个页面道具来知道显示什么，因此这取决于您是否传递此页面组件，并且您必须在更改页码时更新它。

---

要显示您想要的内容，您可以创建一个页面（接收数据）组件，根据它所在的页面更新数据。您可以通过进行一些计算来计算页数和列表数据的数量。

在开始使用material ui时，我也遇到了实现分页的问题。实际上，您可以使用material ui的组件实现您提到的功能，并在列表中循环

您可以使用以下内容处理在每个页面上显示的列表项

 yourList.subarray(((pageNumber - 1)*(numberOfItemsYouWantPerPage)), ((pageNumber)*(numberOfItemsYouWantPerPage)))

---

查看我创建的演示以获得更清晰的信息：

你能发布代码片段吗？我有一个包含30项的列表，需要在pageChange上循环这些内容。。。我需要使用什么道具或如何绘制地图。检查此线程：“）…希望这在某种程度上有所帮助。该演示非常有用。谢谢！谢谢@CosetteN:）