[CTable] 单选模式下,初始化 checkedData 如果不存在于第一页,在选择其他项时会报错
Closed this issue · 1 comments
Madridspark commented
如何复现
清晰描述下当前 bug 的问题、现象,请先在右侧选择使用的版本标签(Lables)。
复现步骤:
- 将 c-table demos 中的 radio.md 代码改为以下代码
- 在页面中相应demo表格中选择任一行,即会出现报错
/**
* title: 单选表格
* desc: 单选表格
*/
import React, { useState, useEffect } from 'react';
import { CTable, Checkbox, Button } from 'cloud-react';
const data = [
{ id: '121410327', name: '手机号优先继续发送1', createTime: '2021/12/14 10:19:02', creator: 'liyuan.meng' },
{ id: '121410328', name: 'ouid疲劳度3', createTime: '2021/12/13 15:47:33 ', creator: 'jiaojiao.diao' },
{ id: '121410329', name: '继续发送手机1', createTime: '2021/12/13 15:36:42', creator: 'nan.run' },
{ id: '121408294', name: '继续发送手机2', createTime: '2021/12/13 11:14:40', creator: 'xiaotong.fan' },
{ id: '121407191', name: '继续发送手机3', createTime: '2021/12/13 11:03:05', creator: 'zhenxiao.guo' },
{ id: '121407192', name: '继续发送手机4', createTime: '2021/12/13 11:03:07', creator: 'han.wu' },
{ id: '121407193', name: '继续发送手机5', createTime: '2021/12/13 11:03:34', creator: 'yue.ren' },
{ id: '121407194', name: '继续发送手机6', createTime: '2021/12/13 11:03:05', creator: 'wanjuan.dong' },
{ id: '121407195', name: '继续发送手机7', createTime: '2021/12/13 11:03:55', creator: 'ying.yan' },
{ id: '121407196', name: '继续发送手机8', createTime: '2021/12/13 11:03:23', creator: 'xian.yong' },
];
const columns = [
{ title: '活动ID', dataIndex: 'id' },
{ title: '活动名称', dataIndex: 'name' },
{ title: '创建时间', dataIndex: 'createTime' },
{ title: '创建人', dataIndex: 'creator' },
];
export default function CTableDemo() {
return (
<CTable
style={{ width: '100%', height: 360 }}
supportRadio
supportPage
lightCheckedRow
checkedData={[{ id: '121407197' }]}
pageOpts={{ pageSize: 6 }}
columnData={columns}
ajaxData={(params) => {
return new Promise(resolve => {
setTimeout(() => {
resolve({ totals: data.length, data: JSON.parse(JSON.stringify(data.slice(params.pageSize * (params.pageNum - 1), params.pageSize * params.pageNum))) });
}, 500)
})
}}
onCheckedAfter={checkedList => {
console.log('已选列表:', checkedList);
}}
/>
);
}
期望的结果
正常选中,不报错
使用环境
- 操作系统: [e.g. windows]
- 浏览器 [e.g. chrome, safari]
- node 版本 [e.g. 10.0.0]
- npm 版本[e.g. 6.4.1]
liyuan-meng commented
已修复