reactjs 当我在react中从第1页转到第2页时，MUI数据表单元格未反映API响应数据

piztneat 于 2022-11-04 发布在 React

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

假设我有一个父组件，其中有一个子组件，它是一个MUI数据表。这个子组件从父组件接收API响应数据作为属性。

问题表中的数据在页面加载时完全加载，但当我使用MUI数据表分页（将页码传递给父组件）从第1页移动到第2页时，在父组件中，API函数在useEffect内部调用（）钩，当接收到该数据时调用该函数。我可以在对子组件进行分页期间记录API响应数据，但这些数据不会加载到表单元格中

我尝试在子组件上使用State（）挂钩来设置数据，但没有任何帮助
MUI数据表：第1/3页MUI Data Table Page 1
MUI Data Table Page 2
MUI Date Table Page 3

reactjs

来源：https://stackoverflow.com/questions/74284708/mui-data-table-cells-not-reflecting-api-response-data-when-i-go-from-page-1-to-2

1条答案

按热度按时间

mqkwyuun1#

设置pageSize={}（例如pageSize={10}），则所有数据将显示在10行中，或者您可能在单个表中调用所有数据。

<DataGrid
          rows={state}
          columns={columnsFields}
          pageSize={20}
          rowsPerPageOptions={[5]}
          checkboxSelection
          disableSelectionOnClick
          getRowId={(row) => row._id}
        />

赞(0）回复(0）举报 2022-11-04

我来回答

reactjs 当我在react中从第1页转到第2页时，MUI数据表单元格未反映API响应数据

1条答案

相关问题

热门标签

最新问答