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

标记不必是平面的，只要每行只有一个根节点即可。

例如，查看this demo (源here)。该树视图中的每个react-virtualized化行都包含一对多的子项，具体取决于它是否已展开。