当给定页面 1 时,Material-UI Datagrid 分页将从第二页开始

Coo*_*a89 3 datagrid pagination reactjs material-ui

我正在使用 Material-UI Datagrid,但我遇到了分页问题。我有一个 api,它将接受页面 # 和限制,例如 page=${page}&limit=10`)。一旦 api 被命中并返回 10 行,我就会存储这 10 行以及 Laravel 使用 paginate 发送的任何分页数据。它看起来像这样。

API调用后存储的数据

奇怪的是,这是第一页的正确数据,但分页显示它是第二页数据。

以下是数据网格通过查看控制台中的组件选项卡获得的数据 数据网格状态

初始加载时,分页会发生这种情况

数据网格的初始加载

这就是组件的样子

成分

qur*_*uru 7

该组件从 0 开始计数。确保为您的DataGrid组件指定 0 作为page属性值:)

这样做可能是为了让您在使用数组时更轻松。

我使用了他们的演示,如果你将状态值更改为 0,它会跳转到第 1 页。