antd table的默认选择(Do not set ‘checked‘ or ‘defalutChecked‘ in ‘getCheckboxProps’...解决方法)

tech2023-09-12  80

其实估计你能查这个怎么写应该是碰见了和我一样的问题: 明明getCheckboxProps这个就是默认的多选框的配置,怎么checked或者defaultChecked就不行呢,而 selectedRowKeys在这里面又不会使用。百度查询的各种方案都是类似的比如: 自己研究半天结果还是错,包括

那么解决方案来了:

const nongRowSelection = { selectedRowKeys:nongId, onChange: (selectedRowKeys, selectedRows) => { setNongId(selectedRowKeys) console.log(`selectedRowKeys1: ${selectedRowKeys}`, 'selectedRows1: ', selectedRows); }, };

selectedRowKeys:nongId 我们将 selectedRowKeys写在rowselection的配置中, nongId这里我们是默认的一个数组:

const [nongId,setNongId] = useState([])

用来存储我们需要默认选中的id 在onchange中setNongId(selectedRowKeys),这里必须要设置,不然会报错。 table设置:

<Table rowSelection={{ type: selectionType1, ...nongRowSelection, }} rowKey='id' columns={columns1} dataSource={nongData} ></Table>

因为我这边有不同的表格,更改了一些命名,具体配置可以查看antd官网。

最新回复(0)