Fabric React：GroupedList：可以避免多行选择吗？

Question

我一直在尝试在 Fabric-React 中使用 GroupedList。如果可以帮助，我需要避免多行选择。即如果我选择一行，之前选择的行应该被取消选择。

这是分组列表：https://developer.microsoft.com/en-us/fabric#/controls/web/groupedlist

Answer 1

你必须使用selectionMode={SelectionMode.single}

          <SelectionZone selection={this._selection} selectionMode={SelectionMode.single}>
            <GroupedList
              items={this._items}
              onRenderCell={this._onRenderCell}
              selection={this._selection}
              selectionMode={SelectionMode.single}
              groups={this._groups}
              compact={isCompactMode}
            />
          </SelectionZone>

<GroupedList /> 上的 selectionMode 表示每个组只有一个选择，<SelectionZone /> 上的 selctionMode 表示所有组只有一个选择。