react+antd

Question

3 在react开发中使用antd table组件 如何点击子row 获取父row的数据 求大佬解答

Answer 1

有个onExpand的监听打开子表格事件的方法，参数里有当前record，可以在state里维护一个当前打开子表格项。但这样的话，如果同时可以打开多个的话也会有问题，不知你操作的是哪个？我想到的另一种方法就是在DataSource层面，将子表格与父表格的数据建立联系。例如：

const ParentData = [
    {id: 1, name: 'demo', age: 20},
    {id: 2, name: 'smile', age: 30}
];

const childData = [
    [
        {            parentId: 1,            name: 'demo_friend1'
        },
        {            parentId: 1,            name: 'demo_friend2'
        }
    ],
     [
        {            parentId: 2,            name: 'smile_friend1'
        },
        {            parentId: 2,            name: 'smiel_friend2'
        }
    ]
]

这样就好操作了。
我目前只能想到这种方法了！