飞冰或者antd 列表项数据修改怎么解决 前端问题？

Question

后台给出数据格式类似这样

list:[
0：{
name:'xx公司'；
id：x;
{
属性1：‘xxx’；
ID：xx；
}，
{
属性2：‘xxx’；
ID：xx；
}，
{
属性3：‘xxx’；
ID：xx；
}
}
1:{

name:'xx公司'；
id：x;
{
属性1：‘xxx’；
ID：xx；
}，
{
属性2：‘xxx’；
ID：xx；
}，
{
属性3：‘xxx’；
ID：xx；
}
}
]

我怀疑这个数据结构有问题
现在UI要求是table展示
就是现在是两条数据 一个公司做一列 一个属性是一个表头 我把他展示出来了
但是修改很麻烦

用飞冰组件修改 dataSource=（处理过后的数据） 展示数据 现在如果在列表上修改每条数据的话
我拿不到对应每个属性的ID值 后台修改要求传 公司ID 属性ID 和 属性value 处理过后的数据好像包含不了ID 求大神帮忙解决 如果描叙不清请留言

``` const render = (value, index, record) =>
// record 只是一个object对象 类似这样
//
{
name:xxx;
属性1：‘xxx’；
属性2：‘xxx’；
属性3：‘xxx’；
}

----------------------------------------------------------------------------------------------------------------------------
好吧 自问自答 想到一种办法
声明： 新手 刚学三个月 不到之处勿喷
突然想到既然飞冰组件也是写的问什么自己不能写  于是乎就有了一下代码

// 数据
const Arr = [
{
name: {
name: '张三',
id: 1
},
age: {
age: 23,
id: 2
},
sex: {
sex: '男',
id: 3
}
},
{
name: {
name: '马六',
id: 4
},
age: {
age: 43,
id: 5
},
sex: {
sex: '女',
id: 6
}
},
{
name: {
name: '李四',
id: 7
},
age: {
age: 23,
id: 8
},
sex: {
sex: '男',
id: 9
}
},
{
name: {
name: '王五',
id: 10
},
age: {
age: 13,
id:11
},
sex: {
sex: '男',
id:12
}
},
]
// 操作

{
Arr.map((item, i) => {
return





})
}

姓名	年龄	性别	操作
{item.name.name}	{item.age.age}	{item.sex.sex}	{getData(i)}

貌似还行 就是样式太丑了 再改改看吧  话说 是不是飞冰有地方改 只是我没发现而已？

Answer 1

https://www.cnblogs.com/mingqi-420/p/12779429.html