时间戳

首页 > 解决方案 > React-Table Hooks - 更改页面时重置 pageIndex

reactjs - React-Table Hooks - 更改页面时重置 pageIndex

问题描述

我正在实现一个包含服务器端分页的 react-table 组件，我也需要对列进行排序。

但是我观察到奇怪的行为。当我只使用分页并单击下一页时，pageIndex它会增加。

但是，当我添加排序钩子时，然后分页不起作用。自动恢复到 1 ，pageIndex我不知道为什么。

谁能帮我吗。下面是沙盒链接https://codesandbox.io/s/eager-breeze-9cw0r。

标签： reactjsreact-table

解决方案

更改外部数据时，您希望禁用自动重置表的状态（请参阅https://react-table.js.org/faq#how-do-i-stop-my-table-state-from -当我的数据更改时自动重置以获取更多信息）。因此，在您的情况下，更改页面会修改您传递给表的数据，这会导致表的状态被重置。

为了停止这种情况，您需要设置autoResetPage为false. 例如：

useTable<FormattedRowData<T>>(
    {
      autoResetPage: false
    });

我对您的沙箱进行了更改，这解决了问题。

推荐阅读