antd 表格嵌套表格_antd中嵌套表格，子表格数据相同的问题解决（hook写法）

相信很多朋友在使用antd的嵌套表格的时候都碰到了这个问题，本人也深有体会，简直愁的不行，不过在经过和百度的一番争斗之后，终于是找到的问题的原因所在。

首先，antd的表格数据源dataSource接收的是一个数组，如果我们子表格每次接收的数组都是一个单独的新的数组，那么就会造成所有的子表格都是一样的，因为每次展开只渲染了这一个数组

那么我们就要把每次请求到的子表格数据给存起来了，这里我用的是对象键值对的方式去存储的

因为没有后台数据，所以我这边就先模拟了一些数据

const ChildrenDataOne =[

{ name:'XiaoHua1', age: 15, address: 'ZhengZhou', key: 0},

{ name:'XiaoHua2', age: 15, address: 'ZhengZhou', key: 1},

{ name:'XiaoHua3', age: 15, address: 'ZhengZhou', key: 2},

]const ChildrenDataTwo =[

{ name:'XiaoBai1', age: 15, address: 'ZhengZhou', key: 0},

{ name:'XiaoBai2', age: 15, address: 'ZhengZhou', key: 1},

{ name:'XiaoBai3', age: 15, address: 'ZhengZhou', key: 2},

]const ChildrenDataThree =[

{