reactjs 响应导出到CSV -但标题应在行中

fruv7luv  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(96)

我想从react导出元数据。我使用react-csv。当我点击导出时,我下载了如下文件:enter image description here

<CSVLink
              data={metaData}
              headers={headers}
              filename="Metadat222a.csv"
              separator={';'}
              className="test"
              target="_blank"
            >
              {t('Export')}
            </CSVLink>
const headers = [
    { label: 'Label', key: 'label' },
    { label: 'Value', key: 'value' },
  ];

  const metaData = data.metadata.map((mData) => {
    return { label: mData.label, value: mData.value };
  });

我想下载这个文件一样,标签和值应该在行和其他数据应该在列。谢谢帮助!

qni6mghb

qni6mghb1#

const metaData = data.metadata.map((mData) => {
return [[mData.label].join(' , '), [mData.value].join(' , ')];
  });


const transposeData = (dataa: string[][]) => {
    return dataa[0].map((_, i) => dataa.map((row) => row[i]));
  };

  const transposedData = transposeData(metaData);

准备!

相关问题