[英]Why are react-table pagination and filter reset when its (the react-table) data changes?
[英]React-Table Hooks - pageIndex reset when changing page
我正在实现一个包含服务器端分页的 react-table 组件,我也需要对列进行排序。
但是,我正在观察奇怪的行为。 当我只使用分页并单击下一页时, pageIndex
会增加。
但是,当我添加排序挂钩时,然后分页不起作用。 pageIndex
自动恢复为 1,我无法弄清楚原因。
谁能帮我吗。 下面是沙箱链接https://codesandbox.io/s/eager-breeze-9cw0r 。
更改外部数据时,您希望禁用自动重置表状态(请参阅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
});
我对您的沙箱进行了更改,这解决了问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.