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

时间:2017-07-22 07:55:06

标签: infinite-scroll react-virtualized

阅读完文档后,我不确定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-virtualizedInfiniteLoaderList一起使用来呈现如下内容:

<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>

或标记必须是否持平?

1 个答案:

答案 0 :(得分:1)

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

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