Office Fabric UI React - 选择问题

Question

我正在使用 Office UI Fabric React 组件，并且我正在尝试使选择生效。

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

这是我迄今为止尝试过的方法（请记住，我使用的是 javascript，而不是打字稿）。

        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() })
}),

Office Fabric UI React - 选择问题

Office Fabric UI React - Selection Problem

javascript

reactjs

office-fabric