как извлечь ключи вложенного объекта в том же вложенном формате, добавленном новым ключом к ключам - PullRequest
Новая
       10

как извлечь ключи вложенного объекта в том же вложенном формате, добавленном новым ключом к ключам

0 голосов
/ 30 августа 2018

Я использую реагирующую таблицу , в которой мне нужно предоставить ключи данных 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"
    }]
 }
]

1 Ответ

0 голосов
/ 02 сентября 2018

Проблема решена !!

Те, кто использует или плохо знакомы с React Table, вот шаги:

Для заголовка таблицы

  1. React Table поставляется с реквизитами столбцов, которые ожидают объект с Заголовок и ключи доступа. Заголовок для заголовка TH и аксессуар для столбец тела таблицы доступа к информации
  2. Используйте js Map или Ladash _.map для получения ожидаемых значений
  3. создать переменную объекта с ключом 'Header' и 'accessor' и отобразить данные как Значения

Приветствие ..

...