我有一个应用程序，它本质上是一个表视图，具有许多行和列的选择输入，每个选择输入可以有1000多个选项。表格视图中的每一列是每个选择输入的同一组数据，并且每一行是数据库中的不同文档。当在其中包含许多选项的情况下使用常规选择时，我们会陷入疯狂的滞后。所以我环顾四周，决定使用两个软件包的组合。
演示示例：https://codesandbox.io/s/react-windowed-select-inside-react-window-dh24r?file=/index.js
我的计划是将react-window与react-windowed-select结合使用，但这也带来了非常糟糕的性能问题。滞后在初始渲染时特别明显。 （请注意点击React Select Rows按钮时的加载时间）。
在React中处理此类应用程序的最佳方法是什么？我目前认为可能有2种选择，尽管我确定还有很多选择。
react-windowed-select组件的行
每个隐藏的列。当用户点击时，
选择输入，我们将列定位为选择输入，就好像它在
单击的位置并打开它。任何帮助或建议都值得赞赏。