记录ProTable使用expandedRowRender实现嵌套子表格单选

用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"

/>