具有 75k+ 行的 react-table 非常慢并且 CPU-昂贵

react-table with 75k+ rows is very slow and CPU-expensive

我已经根据 https://react-table.js.org/#/story/simple-table.

中的 "simple table" 示例加载了一个简单的 react-table 组件,其中包含 75k 行(6 列)

数据源正在加载到 Redux 存储中,并在 table 组件呈现之前完全加载。加载后,react-table 反应迟缓 - 如果我单击 "next",我会看到下一页数据,但必须等待 7-10 秒,而 CPU 会搅动,然后我才能再次单击 "next" 或 "previous"。

我不需要对这个数据集进行任何类型的排序,但打算使用 react-table 的过滤功能。该组件没有以任何方式崩溃并且似乎运行良好 - 我可以做些什么来加速它并阻止它占用 CPU?是不是一些后台排序操作占用了周期之类的?欢迎提出建议!

是否有人将大型数据集加载到 react-table 组件中?试图避免编写自己的组件...

一组过于复杂的过滤器与缓慢的 i5 相结合。 react-table.

没问题