Excel로 내보내기

// excel 내보내기 react-csv  테스트입니다.

// https://www.npmjs.com/package/react-csv

// npm install react-csv --save;

// props

// data : csv 파일에서 정보가 들어가는 부분 이중배열 , 객체, 문자열 가능

// header : csv 파일에서 필드를 지정할 수 있는 부분으로 label , key 값 가능

// filename : csv 파일의 이름을 지정

// onClick : 링크 클릭시 동기 / 비동기적으로 작업 수행시 사용

import React from 'react'

import { CSVLink } from "react-csv";

const Excel = () => {

    let headers = [

        1,2,3

      ];    

    let data = [

        ["firstname", "lastname", "email"],

        ["Ahmed", "Tomi", "ah@smthing.co.com"],

        ["Raed", "Labes", "rl@smthing.co.com"],

        ["Yezzi", "Min l3b", "ymin@cocococo.com"]

      ];

  return (

    <div>

        <div>excel 내보내기</div>

        <CSVLink data={data} headers={headers}>

            Download me

        </CSVLink>;

       

    </div>

  )

}

export default Excel