javascript - 如何防止反应表排序和搜索重置

Question

在这个官方示例中，表格排序和搜索会在任何可编辑字段的模糊时重置。https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/kitchen-sink?file=/src/App.js
我该如何防止呢？我希望排序和搜索保持不变，即使有人编辑数据。

标签： javascriptreactjsreact-table-v7

Answer 1

使用 sortBy 时，您可以将此属性设置为 false

autoResetSortBy: 布尔值

• 默认为真
• 为 true 时，如果满足以下任一条件，sortBy 状态将自动重置： 数据更改
• 要禁用，请设置为 false

https://react-table.tanstack.com/docs/api/useSortBy

过滤也是一样的

autoResetFilters：布尔值

• 默认为真
• 为 true 时，如果满足以下任一条件，过滤器状态将自动重置： 数据已更改
• 要禁用，请设置为 false

https://react-table.tanstack.com/docs/api/useFilters

另请参阅此常见问题解答https://react-table.tanstack.com/docs/faq#how-do-i-stop-my-table-state-from-automatically-resetting-when-my-data-changes

编辑 为了完整起见，也可以autoResetGlobalFilter在全局过滤器上设置：请参阅文档。