我正在使用 React-window(它是更现代的 react-virtualized 版本)来显示无限的图像列表。它适用于经典列表,但在用作网格时会冻结 ui。
我怀疑原因是 react-window 网格不会为每个元素发送一个唯一索引,而是一个行和/或列索引。长话短说,如果您每行显示 3 张图像:
- 第 1 行 => 图像 1 = 索引 0,图像 2 = 索引 1,图像 3 = 索引 2
- 第 2 行 => 图像 1 = 索引 0,图像 2 = 索引 1,图像 3 = 索引 2
所以项目是重复的,而不是接收索引 4,5 和 6。有没有人使用过图书馆的网格,如果是,你是如何设法在正确的列中检索正确的项目的?