react-virtualized - 是否可以无限滚动列表组？

Question

阅读完文档后，我不确定react-virtualized是否支持此用例。

我们说我有一些按日期分组的数据。

[
  {
    date: 'Monday',
    data: {
      item1: "item1",
      item2: "item2",
      item3: "item3",
      // and more ..
    }
  },
  {
    date: "Tuesday",
    data: {
      item1: "item1",
      item2: "item2",
      item3: "item3",
      // and more ..
    }
  }
]

是否可以将react-virtualized与InfiniteLoader和List一起使用来呈现如下内容：

<div>
  <div>
    <div class="day">Monday</div>
    <div>item1</div>
    <div>item2</div>
    <div>item3</div>
    <!-- and more... -->
  </div>
  <div>
    <div class="day">Tuesday</div>
    <div>item1</div>
    <div>item2</div>
    <div>item3</div>
    <!-- and more... -->
  </div>
</div>

或标记必须是否持平？

Answer 1

标记不必是平的，只要每行只有1个根节点。

例如，请查看this demo（来源here）。此树视图中的每个反应虚拟化行包含1对多子项，具体取决于它是否已展开。