小编dE_*_*dE_的帖子

今天我尝试使用Fluent-ui 的分组详细信息列表。

我的期望：我需要声明一些组，比如说红色、蓝色、绿色，然后添加到每个项目，我想添加到列表中，这是一个将项目映射到组的特定属性。例如：

groups: [
            { key: 'red', name: 'Color: "red"'},
            { key: 'green', name: 'Color: "green"'},
            { key: 'blue', name: 'Color: "blue"' },
          ],

items: [...,
        { key: 'red',anyProp1: "abc", anyProp2: "dfg",...},
       ...,
      ]

我发现我必须做的事情：我需要对包含我的项目的数组进行排序，属于红色组的所有项目都需要位于一个块中。例如：[红，红，红，蓝，蓝，绿，绿，绿]。现在我需要提供有关 startIndex 和 count 的信息，以将我的项目数组映射到组。

组的定义可能如下所示：

 groups: [
        { key: 'groupred0', name: 'Color: "red"', startIndex: 0, count: 2, level: 0 },
        { key: 'groupgreen2', name: 'Color: "green"', startIndex: 2, count: 0, level: 0 },
        { key: 'groupblue2', name: 'Color: "blue"', startIndex: 2, …