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

Question

我正在使用react table，我需要提供我的api数据键，添加新的密钥Header以创建React Table Head（TH> TD）;

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

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

Answer 1

问题解决了！！

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

对于表标题

1. React Table带有'columns'道具，期望带有Header和accessor键的对象。用于访问关注表正文列的TH标题和访问者的标题
2. 使用js Map或Ladash _.map获取预期值
3. 使用“Header”和“accessor”键创建对象变量，并将数据映射为值

干杯..