如何使用 react-csv 将三列及其数据合并为一列？答案

【问题标题】：How to merge three columns into one column along with their data using react-csv?如何使用 react-csv 将三列及其数据合并为一列？
【发布时间】：2021-08-03 05:53:35
【问题描述】：

我想导出一个数据来自 API 的表。我想在单个列中显示 API 的三个属性的数据（FirstName、MiddleName、LastName 作为 FullName）。此外，还有一个 moment 对象来自它，我想使用相同的 react-csv 库分别将其格式化为日期和时间列。

const dataToExport = data.map((value:any) => {return {
    ...value,
    LoginTime:moment(value.Login).format("hh:mm A"),
    LoginDate:moment(value.Login).format("DD/MM/YYYY") // There are no dataIndexes LoginTime and LoginDate. Login is the attribute (moment object) coming from the API.
  }});

【问题讨论】：

标签： javascript reactjs export-to-csv

【解决方案1】：

你可以按照我的理想来

let newData = oldData.map(item => {
    ...item,
    newProperty: custom value
    })
    // delete some property don't need
    delete newData.oldProperty 

<CSVLink
  data={newData}
  filename={"my-file.csv"}
  className="btn btn-primary"
  target="_blank"
>

【讨论】：