javascript - ReactJS 导出到 Excel 工作表

Question

我正在尝试将一组数据导出到我的 React 应用程序中的 Excel 工作表中。我正在使用 react-data-export 来执行此操作。

https://github.com/rdcalle/react-export-excel/blob/HEAD/examples/simple_excel_export_02.md

我正在按如下方式映射我的数据对象

const formData = [];

    pageFeedbackListData.map((data, key) => {

      formData.push([data.customer_contact,
        data.customer_name,
        data.form_name,
        data.optional_feedback,
        data.time,
        data.total_average])
    })

像这样使用它

const dataSet1 = [{
      columns: ["Customer Contact", "Customer Name", "Form Name", "Optional Feedback", "Time", "Total Average"],
      data: [formData]
    }];

当我控制台 formData 时，它会给出这样的输出

0: (6) ["ergerg", "ergeg", "Test", "wgrgegerg", 1565409622210, "4.3"]
1: (6) ["mali@gmail.com", "Mali", "Test", "Now you can browse privately, and other people who…downloads and bookmarks will be saved. Learn more", 1565409667623, "4.3"]
2: (6) ["N/A", "N/A", "Mali", "frwef", 1565409698437, "5.0"]
3: (6) ["N/A", "N/A", "Hotel", "Best 

但是如果我这样使用，我的 Excel 工作表就可以工作

data: [formData[0],formData[1],formData[2],formData[3]]

如何映射我的数据集，以便它生成一个像上面这样的数组，而无需手动使用数组位置。

Answer 1

将 formData 传递给 dataSet 的方式存在问题，您将 formData 包装在附加数组中，但 formData 已经具有正确的结构

const dataSet1 = [{
      columns: ["Customer Contact", "Customer Name", "Form Name", "Optional Feedback", "Time", "Total Average"],
      data: [formData]  //<----  here is the problem
    }];

只需将其更改为

const dataSet1 = [{
      columns: ["Customer Contact", "Customer Name", "Form Name", "Optional Feedback", "Time", "Total Average"],
      data: formData
    }];

您正在创建一个数组，其中所有 formData 都位于 0 索引处