office-ui-fabric - 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>

其中 selectionMode on<GroupedList />表示每组只选择一个，而 selctionMode on<SelectionZone />表示所有组只选择一个。