reactjs - 如何在DetailsList控件中设置选中的项目

Question

我使用office-ui-fabric-react库中的DetailsList组件:

   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}
        />
    }

如何设置值为“two”的项目的选中状态？

Answer 1

注意到您将选择传递给了DetailsList。 selection 中有一些方法可以做到这一点，包括:

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

就您而言，您可以为每个值指定一个键。然后在某个地方(例如，componentDidMount)调用setKeySelected来告诉DetailsList选择特定的项目。