使用table实现了一个购物车,想实现默认全选功能,使用getCheckProps函数后功能实现了,但是不能取消选择,
代码如下
const rowSelection = {
onSelect: (record, selected, selectedRows) => {
console.log(selected, selectedRows)
addCheked(selectedRows)
},
onSelectAll: (selected, selectedRows, changeRows) => {
console.log(selected, selectedRows)
addCheked(selectedRows)
},
getCheckboxProps: record => ({
defaultChecked:record.key === 2
})
}
<Table
className="products-table"
rowSelection={rowSelection}
columns={columns}
dataSource={products}
pagination={false}
footer={()=>{
if(products.length>0){
return <CartFooter removeAll={removeAll} numAndPrice={numAndPrice} />
}
}}>
</Table>