如何从material-ui控制TablePagination答案

【问题标题】：How to control TablePagination from material-ui如何从material-ui控制TablePagination
【发布时间】：2021-04-26 04:18:00
【问题描述】：

最初加载页面时，页面行应从 1 开始。
但它从 25 开始，如下所示。

数据 1-25 和 26-50 相同。所以当我点击< 按钮时，数据没有改变。
但是当我点击> 时，它工作得很好。
唯一的问题是设置初始行数。

这是我的代码。

  const [page, setPage] = useState(1);
  const [rowsPerPage, setRowsPerPage] = useState(25);

          <TablePagination
            component="div"
            count={adminInfo && adminInfo.total}
            page={page}
            onChangePage={handleChangePage}
            rowsPerPage={rowsPerPage}
            onChangeRowsPerPage={handleChangeRowsPerPage}
            onChange={moveToNextPage}
           />

感谢阅读

已编辑我没有将 page 值设置为 0 的原因是
如果我将 0 发送到服务器，服务器会将 0 和 1 作为相同的值。
所以当我点击> 按钮时，0 到 1 显示相同的数据。
但是我已经在下面的 api 查询中解决了这个问题。

//before solving
await axios.get(`${BASEURL}`+(page ? `page=${page}` : 'page=1')

//after solving
await axios.get(`${BASEURL}`+(page ? `page=${page+1}` : 'page=1')

只需将+1 添加到page 值。

【问题讨论】：

也许从第 0 页开始？ const [page, setPage] = useState(0);。如果这不是问题，那么您可以尝试创建一个 running 代码框来准确重现您所看到的问题吗？虽然我想前两页结果是否相同并不重要。不太确定你的问题是什么。

标签： reactjs material-ui

【解决方案1】：

您需要将page的第一个值设置为0

【讨论】：