//设id为key
rowKey={record => record.id}
//复选框选中操作
rowSelection={{
//当使用 rowSelection 时,请设置 rowSelection.preserveSelectedRowKeys 属性以保留 key
preserveSelectedRowKeys:true,
//选中的行
selectedRowKeys: permissionlist,
//selectedRowKeys 只存key值 selectedRow存行数据 可以自由选取
onChange: (selectedRowKeys) => {
//勾选的时候往钩子函数里存值
setpermissionRows(selectedRowKeys)
},
}}
//react hook函数存多选框选中的数据 提交数据的时候把permissionlist提交给后台就好
const [permissionlist, setpermissionRows] = useState<any>([]);
本文探讨了在使用antd库进行前端开发时遇到的一个常见问题:当在表格中使用rowSelection进行多选操作,并在翻页后前一页的选中状态被清除。分析了问题产生的原因,并提供了解决方案,包括状态管理优化和使用getCheckboxProps定制行为,确保选中状态在页面切换时得到正确维护。
8372





