Экспорт вложенного массива в формате xlsx - PullRequest
0 голосов
/ 28 февраля 2020

Я использую таблицу Antd для отображения списка данных. Мне нужно экспортировать данные таблицы в виде файла Excel. В настоящее время я использую пакет Reaction-Export-Excel . но я не уверен, как обращаться с вложенным массивом объектов. Я использую следующие фиктивные данные.

const data = [
  {
     "id": 83,
     "name": "Tim",      
     "reports": [
        {
           "id": 4,
           "self": 0,
           "year": 2019,
           "month": 12,
           "appraiser": 0
        },
        {
           "id": 5,
           "self": 0,
           "year": 2020,
           "month": 1,
           "appraiser": 0
        },
        {
           "id": 6,
           "self": 0,
           "year": 2020,
           "month": 2,
           "appraiser": 0
        }, {
           "id": 7,
           "self": 0,
           "year": 2020,
           "month": 8,
           "appraiser": 0
        },
     ],
     "average": 0
  },
  {
     "id": 91,
     "name": "Jhon",       
     "reports": [
        {
           "id": 8,
           "self": 0,
           "year": 2019,
           "month": 12,
           "appraiser": 0
        },
        {
           "id": 9,
           "self": 0,
           "year": 2020,
           "month": 1,
           "appraiser": 0
        },
        {
           "id": 10,
           "self": 0,
           "year": 2020,
           "month": 2,
           "appraiser": 0
        }, {
           "id": 11,
           "self": 0,
           "year": 2020,
           "month": 8,
           "appraiser": 0
        },
     ],
     "average": 0
  }]

Экспорт. js

import React from "react";
import ReactExport from "react-export-excel";

const ExcelFile = ReactExport.ExcelFile;
const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;
const ExcelColumn = ReactExport.ExcelFile.ExcelColumn;

const exportReport = ({ report }) => {

return (
    <ExcelFile element={downloadButton}>
        <ExcelSheet data={report} name="Report">
            <ExcelColumn label="Id" value="id"></ExcelColumn>
            <ExcelColumn label="Name" value="name"></ExcelColumn>
            <ExcelColumn label="Average" value="average"></ExcelColumn>
        </ExcelSheet>
    </ExcelFile>
)
}

export default exportReport

Я не уверен, что я структурирую данные таким образом, чтобы получить вывод, подобный этому

| id |       January-2020 |      February-2020 |average| 
|--------|----------------|-----------------|
|         self | appraiser  self | appraiser
         |----------------|---------------- |          |
| 83     |   0  |    0    |  0     |    0   |      0   |
| 91     |   0  |    0    |  0     |    0   |      0   |
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...