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

Posted 2021-04-12

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

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

答案

您必须使用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>