import { CSVLink } from "react-csv";

headers = [
  { label: "First Name", key: "firstname" },
  { label: "Last Name", key: "lastname" },
  { label: "Email", key: "email" }
];

data = [
  { firstname: "Ahmed", lastname: "Tomi", email: "ah@smthing.co.com" },
  { firstname: "Raed", lastname: "Labes", email: "rl@smthing.co.com" },
  { firstname: "Yezzi", lastname: "Min l3b", email: "ymin@cocococo.com" }
];

<CSVLink
  data={data}
  filename={"my-file.csv"}
  headers={headers}
>
  Download me
</CSVLink>;

//2개 [] 을 [{},{}]로 변환
export const makeCsvHeaders = (headerValues,dataKeys) => {
  let fileHeader = new Array(dataKeys.length)
  dataKeys.length > 0 && dataKeys.forEach((key,index) =>
      fileHeader[index] ={
        key:key,
        label: headerValues[index]
      });
  return fileHeader
}