reactjs - 如何在行数中创建一个包含不同项目的“列表”？

Question

Grid不适合，因为我需要WindowScroller而且它们不能一起工作。

我已经有 3 个节点，dir 但我需要有 6 个节点file

dir并且file不能在同一行，而必须是空格（查看屏幕截图）

我尝试nodesInRow使用isDir标志切换 3 或 6，并在每个实际的 put-node-in-row 之后跟踪实际nodes索引为增量，但它不起作用，因为开始的 reRenders 不是从rowInd = 0

实际： https ://imgbbb.com/images/2019/04/10/Screen-Shot-2019-04-10-at-5.57.30-PMa278117232cc829d.png

预期： https ://imgbbb.com/images/2019/04/11/Screen-Shot-2019-04-11-at-1.19.57-PM.png

PS 对不起，直接 img 链接......这是因为“您需要至少 10 个声望才能发布图片。”

标签： reactjsreact-virtualized

Answer 1

这就是我希望它的工作方式

https://codesandbox.io/s/lpvn23vz7