reactjs 失败的 prop 类型：材料-UI：TablePagination页面属性超出范围

vcudknz3 于 2023-02-04 发布在 React

关注(0)|答案(1)|浏览(112)

我有一个警告错误，由于分页问题。我正在使用材料UI，我有一个搜索功能，问题是当我转到第2页，并试图搜索的东西，我得到以下错误

Failed prop type: Material-UI: the page prop of a TablePagination is out of range (0 to 0, but page is 1)

当前表格分页代码为

<TablePagination
             onClick = {handleDrawerClose}
             rowsPerPageOptions={[5, 20, 50]}
             component="div"
             count={userManagers && userManagers.length}
             rowsPerPage={rowsPerPage}
             page={page}
             onChangePage={handleChangePage}
             onChangeRowsPerPage={handleChangeRowsPerPage}
            />

the userManagers is the array containing all the data

reactjs

来源：https://stackoverflow.com/questions/61840990/failed-prop-type-material-ui-the-page-prop-of-a-tablepagination-is-out-of-rang

1条答案

按热度按时间

ljsrvy3e1#

我知道这个问题已经很老了，但这是因为当页面呈现时（在获取数据之前），计数属性值等于0。
为了解决这个问题，我只是在计数为0时将值0赋给页面属性。

<TablePagination
    rowsPerPageOptions={[20]}
    colSpan={4}
    count={count}
    rowsPerPage={itemsPerPage}
    page={!count || count <= 0 ? 0 : page}
    SelectProps={{
      inputProps: {
         'aria-label': 'rows per page',
      },
      native: true,
    }}
    onPageChange={handleChangePage}
 />

赞(0）回复(0）举报 2023-02-04

我来回答

reactjs 失败的 prop 类型：材料-UI：TablePagination页面属性超出范围

1条答案

相关问题

热门标签

最新问答