Reactjs 如何更改MaterialUI onPageChange表分页的操作

Reactjs 如何更改MaterialUI onPageChange表分页的操作,reactjs,google-cloud-firestore,material-ui,Reactjs,Google Cloud Firestore,Material Ui,我正在为我的应用程序使用服务器端分页。我想在这里使用MUI的表分页组件,但问题是在用户点击下一页按钮之前,我的下一页数据不处于状态。我尝试过,我检索前10个项目,然后将每页的行数设置为5,这样用户就可以单击下一页,我将检索10个以上的数据 const[rowsPerPage,setRowsPerPage]=React.useState(5) 另外10个数据进入状态,但下一页按钮被禁用,取而代之的是,它会在单击的上一页按钮上显示检索到的数据。因为TablePagination组件在同一个函数中处理

我正在为我的应用程序使用服务器端分页。我想在这里使用MUI的表分页组件,但问题是在用户点击下一页按钮之前,我的下一页数据不处于状态。我尝试过,我检索前10个项目,然后将每页的行数设置为5,这样用户就可以单击下一页,我将检索10个以上的数据

const[rowsPerPage,setRowsPerPage]=React.useState(5)

另外10个数据进入状态,但下一页按钮被禁用,取而代之的是,它会在单击的上一页按钮上显示检索到的数据。因为TablePagination组件在同一个函数中处理上一页和下一页


我想知道我是否可以将这些功能划分为不同的功能;例如OnPrevPageClick、onNextPageClick。或者,是否有我将根据需要使用的MUI分页组件?

好吧,这发生在您身上,因为MUI的表分页用于客户端分页,这意味着如果您有100条记录,您可以控制以这种方式呈现的行数

      `const [rowsPerPage, setRowsPerPage] = React.useState(5);
但如果您想实现服务器端分页,只需使用MUI控制的分页

`