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

React-Table Hooks - pageIndex reset when changing page

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

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

但是,当我添加排序挂钩时,分页无法正常工作。 pageIndex 自动返回到 1,我不明白为什么。

谁能帮帮我。下面是沙箱 link https://codesandbox.io/s/eager-breeze-9cw0r.

更改外部数据时,您希望禁用自动重置为 table 的状态(有关详细信息,请参阅 https://react-table.js.org/faq#how-do-i-stop-my-table-state-from-automatically-resetting-when-my-data-changes)。因此,在您的情况下,更改页面会修改您传递给 table 的数据,这会导致 table 的状态被重置。

要停止此操作,您需要将 autoResetPage 设置为 false。例如:

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

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