如何設置項檢查中DetailsList控制

Question

我用DetailsList組件從辦公室的UI織物反應的庫：

import {DetailsList} from 'office-ui-fabric-react/lib/DetailsList'; 
    render() { 
     const item = [ 
     {value: 'one'}, 
     {value: 'two'} 
     ] 
     return (
     <DetailsList 
      checkboxVisibility={CheckboxVisibility.always} 
      items={items} 
      selection={selection} 
     /> 
    } 

如何設置檢查用'兩個價值的項目？

Answer 1

注意您通過了selection到DetailsList。有幾個方法selection要做到這一點，包括：

• setAllSelected(isAllSelected: boolean)
• setKeySelected(key: string, isSelected: boolean, shouldAnchor: boolean)
• setIndexSelected(index: number, isSelected: boolean, shouldAnchor: boolean)

在你的情況，你可以給每個值key。然後在某處調用setKeySelected（例如，componentDidMount）來告訴DetailsList選擇特定項目。