Я использую таблицу 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 |