如何以新键添加到键的相同嵌套格式提取嵌套对象的键
how to extract keys of nested object in same nested format added by new key to keys
我正在使用 react table,我需要在其中提供我的 api 数据密钥,并添加新的密钥 Header 以创建 React Table Head (TH > TD);
以下是从 API 获取的示例数据,我需要将对象键传递给 table 头部,将对象键传递给 table 正文。 Table head 需要保留为常用键。
To Achieve this
我的数据样本:
{
'data':
{
'id': 486897532,
'active': null,
'acc_info': [
{
'acc_name': 'saving',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
},
{
'id': 56465945,
'active': null,
'acc_info': [
{
'acc_name': 'current',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
}
}
预期结果应该是:
[
{
Header: "id"
},
{
Header: "active"
},
{
Header: "acc_info",
columns: [
{
Header: "acc_name",
},
{
Header: "bank_name",
},
{
Header: "bank_address"
}]
}
]
问题已解决!!
那些正在使用或刚接触 React Table 以下是步骤:
为Table标题
- React Table 带有 'columns' 道具,期望 object 带有
Header 和辅助键。 Header 用于 TH 标题和存取器
访问关注 table body 列
- 使用js Map或Ladash_.map获取期望值
- 使用 'Header' & 'accessor' 键和映射数据创建 object 变量
值
干杯..
我正在使用 react table,我需要在其中提供我的 api 数据密钥,并添加新的密钥 Header 以创建 React Table Head (TH > TD);
以下是从 API 获取的示例数据,我需要将对象键传递给 table 头部,将对象键传递给 table 正文。 Table head 需要保留为常用键。
To Achieve this
我的数据样本:
{
'data':
{
'id': 486897532,
'active': null,
'acc_info': [
{
'acc_name': 'saving',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
},
{
'id': 56465945,
'active': null,
'acc_info': [
{
'acc_name': 'current',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
}
}
预期结果应该是:
[
{
Header: "id"
},
{
Header: "active"
},
{
Header: "acc_info",
columns: [
{
Header: "acc_name",
},
{
Header: "bank_name",
},
{
Header: "bank_address"
}]
}
]
问题已解决!!
那些正在使用或刚接触 React Table 以下是步骤:
为Table标题
- React Table 带有 'columns' 道具,期望 object 带有 Header 和辅助键。 Header 用于 TH 标题和存取器 访问关注 table body 列
- 使用js Map或Ladash_.map获取期望值
- 使用 'Header' & 'accessor' 键和映射数据创建 object 变量 值
干杯..