React Table 在更新数据时删除 Filters

Question

我正在使用反应表的材料ui厨房水槽示例（https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/material-UI-kitchen-sink）

我的数据更新频繁，问题是每次更新数据时过滤器都会被清除。您可以通过在codesandbox示例中设置过滤器并更改单元格中的值来尝试此操作。 onBlur 它设置状态，并且过滤器被清除并且复选框被取消选中。

有没有办法防止这种情况或解决方案/解决方法？

非常感谢！

Answer 1

将全局过滤器的自动重置标志设置为

false

-

autoResetGlobalFilter: false

修复了 CSB - https://codesandbox.io/s/strange-oskar-sqefh?file=/src/components/EnhancedTable.js:3191-3226

更多详细信息 - https://react-table.tanstack.com/docs/api/useGlobalFilter#table-options

Answer 2

将

autoResetAll: false

添加到你的 useReactTable 选项中

const table = useReactTable({ autoResetAll: false })

Answer 3

我认为在react-table（v7.7.0）中，您可以通过将

autoResetFilters: false

添加到

useTable

钩子来避免过滤器中出现意外结果（并且还可以通过添加

autoResetPage: false

和

autoResetSortBy: false 来避免排序和分页中出现意外结果） 

到

useTable

钩子）就像这样：

const tableInstance = useTable({
        columns,
        data,
        autoResetPage: false,
        autoResetFilters: false,
        autoResetSortBy: false
    }, usePagination)

您还可以添加

autoResetAll: false

来代替这三行代码。