type CollectItemTableProps = {
  collectId: number;
};

// 向外暴露的方法
export type refProps = {
  getData: () => { dataSource: API.GoodsClassCollectItem[]; editableKeys: React.Key[] };
};

const CollectItemTable = React.forwardRef<refProps, CollectItemTableProps>(
  (props: CollectItemTableProps, ref) => {
    // 得到类目ID，要用这个ID来检索
    const { collectId } = props;
    // 定义向外暴漏的方法
    React.useImperativeHandle(ref, () => ({
      getData: () => {
        return {
          dataSource,
          editableKeys,
        };
      },
    }));
 // ...........................................
 }

// 第一步：导入组件与类型
import CollectItemTable from './CollectItemTable';
import type { refProps } from './CollectItemTable';

// 第二步：定义一个ref
const tableRef = React.useRef<refProps>(null);

// 第三步：可以通过ref的方法调用暴漏的方法
const { dataSource, editableKeys } = tableRef.current?.getData();

// 组件的定义
<CollectItemTable collectId={collectId} ref={tableRef} />;

//设置默认值
SubTable.defaultProps = {
  message: 'Hello World',
};

interface SubTableProps {
  user: UserListItem;
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactNode;
}

const SubTable: React.FC<SubTableProps> = ({
  user,
  children,
  className,
  ...restProps
}) => {

import React from 'react';
import ProTable from '@ant-design/pro-table';
import { UserListItem, getUserList } from '@/services/user';

interface SubTableProps {
  user: UserListItem;
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactNode;
}

const SubTable: React.FC<SubTableProps> = ({
  user,
  children,
  className,
  ...restProps
}) => {
  console.log(restProps);
  return (
    <div {...restProps}>
      userid:{user?.id} {user?.name}
      {children}
    </div>
  );
};

//设置默认值
SubTable.defaultProps = {};

export default SubTable;