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

Question

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

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

但是，当我添加排序 Hook 时，分页无法正常工作。 pageIndex 自动恢复为 1，我不明白这是为什么。

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

Answer 1

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

为了停止这种情况，您需要将 autoResetPage 设置为 false。例如:

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

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