Office Fabric UI React-选择问题

Question

我正在使用Office UI Fabric React组件，并试图使选择工作正常。

我想要的是获得关于DetailsList的哪一行被选中的信息。

这是我迄今为止所尝试的(请记住，我使用的是javascript，而不是typescript(。

this._rowSelectIrf = new Selection({
onSelectionChanged: () => this.setState({ selectionDetails: this._getSelectionDetails() })
})
_getSelectionDetails = () => {
const selectionCount = this._rowSelectIrf.getSelectedCount();
console.log(selectionCount + " counted")
return `${selectionCount} items selected`;
}
<MarqueeSelection selection={this._rowSelectIrf}>
<DetailsList
onColumnHeaderClick={this.onColumnClick}
items={this.state.sortedItems}
setKey="items"
columns={this.state.columns}
layoutMode={DetailsListLayoutMode.fixedColumns}
selection={this._rowSelectIrf}
selectionPreservedOnEmptyClick={true}
ariaLabelForSelectionColumn="Toggle selection"
ariaLabelForSelectAllCheckbox="Toggle selection for all items"
onItemInvoked={this.onItemInvoked}
selectionMode="single"
/>
</MarqueeSelection>`

选择任何一行实际上都没有任何作用。我可能在从TS转换为JS时搞砸了一些东西，所以任何提示都非常感谢。非常感谢！

Answer 1

通过将选择移动到状态来修复。不确定这是否是最好的方法，但只要有效，我就不会抱怨。

selectCon: new Selection({
onSelectionChanged: () => this.setState({ selectionDetails: this._getSelectionDetails() })
}),