对于 react-bootstrap-table2，您如何将所有复选框项目默认为选中？

Question

如果我有一个数据项表，并且我想选中所有复选框？

以此类推，当页面加载并显示表格时，应选中所有带有复选框的表格项目。

<BootstrapTable selectRow={{ mode: 'checkbox', clickToSelect: true}} />

Answer 1

经过一番挖掘，我找到了答案。

https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/row-select-props.html#selectrowonselectall-function

react-bootstrap-table2 有一个 function...selectRow.onSelectAll - [功能]

const selectRow = {
 mode: 'checkbox',
 onSelectAll: (isSelect, rows, e) => {
   if (isSelect && SOME_CONDITION) {
     return [1, 3, 4];  // finally, key 1, 3, 4 will being selected 
   }
 }
};



onSelectAll = ( isSelected ) => {
    if ( isSelected ) {
        return this.props.myReducer.myDataItems.map( row => row.DATA_TABLE1 );
    } else {
        return [];
    }
}

然后 selectRow.selected - [Array] selectRow.selected 允许您在表上进行默认选择。 我使用了这个 function 并传入 'isSelected: true'

 <BootstrapTable
   classes={styles.myDataGrid}
   striped hover
   keyField="DATA_TABLE1"
   data={invalidCrashes}
   selectRow={{ mode: 'checkbox', clickToSelect: true, selected: this.onSelectAll( { 
   isSelected: true } )  }}                                                                         
  />

传入 'isSelected: true' 默认所有复选框呈现为 'selected'