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

其实估计你能查这个怎么写应该是碰见了和我一样的问题:
在这里插入图片描述
明明getCheckboxProps这个就是默认的多选框的配置,怎么checked或者defaultChecked就不行呢,而
selectedRowKeys在这里面又不会使用。百度查询的各种方案都是类似的比如:
antd table的默认选择(Do not set ‘checked‘ or ‘defalutChecked‘ in ‘getCheckboxProps’...解决方法)_第1张图片
自己研究半天结果还是错,包括

那么解决方案来了:

  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设置:

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

你可能感兴趣的:(react)