用onchange会出现以下图片问题,但要实现的是多个子表格,只能选择一条数据
解决方法使用onselect,注意!!!确保子表格的rowkey是唯一
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]); const expandedRowRender = (record: DataType) => { // record父行数据 return ( <ProTable<any> rowKey={(item: any) => `${item.id}-${record.id}`} rowSelection={{ type: "radio", selections: [], selectedRowKeys: selectedRowKeys, // onChange: selectChange, // 不能使用onChange,会出现每一个子表格都能选择一条数据 onSelect: (recordChild) => { // 父行id+子行id 确保唯一 setSelectedRowKeys([`${recordChild.id}-${record.id}`]) }, }} /> ); }; <ProTable<DataType> expandable={{ expandedRowRender }} rowKey="company_id" />