如何以与新键添加到键的相同嵌套格式提取嵌套对象的键

Question

>我正在使用反应表，我需要在其中提供我的 api 数据密钥，并添加了新的键标头来创建反应表头(TH> TD(;

下面是从 API 获取的示例数据，我需要将对象键传递给表头，将对象键传递给表体。表头需要保留常用键。

为了实现这一目标

我的数据示例：

{
'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"
}]
}
]

Answer 1

问题已解决！！

那些正在使用或新的 React 表，这里是步骤：

对于表标题

1. React Table 带有"列"道具，它期望对象与 标头和访问器密钥。TH 标题的标头和访问器的标头 访问关注点表正文列
2. 使用 js Map 或 Ladash _.map 获取预期值
3. 使用"Header"和"accessor"键创建对象变量，并将数据映射为 值

干杯。。