Как использовать React-Table для размещения пар ключ / значение объекта (json dict) в строках и не помещать ключи в столбцы - PullRequest
0 голосов
/ 08 мая 2020

Я новичок в реакции, но пытаюсь сделать следующее ...

Я делаю запросы API к ElasticSearch (используя пакет elasticsearch npm) из reactjs. Я хочу поместить некоторые из возвращенных данных json (после помещения объектов и определения ключей / значений) в таблицу с помощью пакета response-table ...

AFAI понимаю большинство примеров в таблице реакции в документации говорится о сопоставлении ключей объектов столбцам и последующем использовании средств доступа к столбцам для заполнения значений (из ключей / значений) в правильные столбцы в виде строк. Итак, сопоставьте ключи объектов с столбцами и поместите значения в виде строк ...

Но в моем случае я хочу поместить значения И ключи в строки и иметь несколько столбцов, определенных вручную ... На этом этапе есть нет правильного сопоставления между методами доступа columnn и ключами объекта ...

Есть ли способ сделать это с помощью таблицы реакций? Будем признательны, если кто-то может указать мне в правильном направлении, реагируя на документацию / примеры ...

Кроме того, мои восстановленные JSON данные имеют несколько вложенных dicts ...

См. Пример набора данных ниже

    "hits" : [
      {
        "_index" : "obj-model",
        ...
        "_source" : {
          "MoClass" : {
            "Name" : "fvBD",
            "Description" : "A bridge domain is a unique l2 forwarding domain that contains one or more subnets. Each bridge domain must be linked to a context.",
            "Class ID" : "1887",
            "Class Label" : "Bridge Domain",
            "AbstractionLayer" : "Logical Model",
            "Write Access" : "[admin, tenant-connectivity-l2]",
            "Read Access" : "[access-connectivity-l3, admin, fabric-connectivity-l3, nw-svc-device, nw-svc-policy, tenant-connectivity-l2, tenant-connectivity-l3, tenant-connectivity-mgmt, tenant-epg, tenant-ext-connectivity-l2, tenant-ext-connectivity-l3, tenant-ext-protocol-l3, tenant-network-profile, tenant-protocol-l2, tenant-protocol-l3, tenant-security]",
            "Semantic Scope" : "EPG",
            "Semantic Scope Evaluation Rule" : "Explicit",
            "Monitoring Policy Source" : "Explicit",
              "Property" : [    <===================== NESTED DICT
              {
                "Name" : "OptimizeWanBandwidth",
                "Comment" : "OptimizeWanBandwidth flag is enabled between sites",
                "Constants" : [
                  "no",
                  "yes"
                ]
              },
              {
                "Name" : "annotation",
                "Comment" : "NO COMMENTS",
                "Constants" : [
                  "no",
                  "yes"
                ]
              },
              ...
...