我有一个 >30 行和 >50 列的表。每行和每个单元格都是一个特定的 React 组件,因为您可以操纵它们,它们会根据变化的数据改变行为和外观。
所以我的组件层次结构如下所示:
Grid -> Row -> Cell
我正在使用 MobX 来处理应用程序状态,当涉及到影响某些单元组件的状态更改时,它似乎变慢了一点。由于并非每个单元格和行对用户都是可见的(表格是可滚动的),我认为只让实际可见的 React 组件可能是一种性能改进。
我想知道是否可能存在现有组件,或者我将如何以高性能的方式创建这样的组件。
我还认识到,每次状态更改时,单元格和行都会重新呈现。也许这与每个单元格和行组件都注入 appStore 的事实有关。我如何告诉 MobX 它应该只重新渲染那些更改的组件?这甚至可能吗?
所以基本上我正在寻找任何一种方式。