본문 바로가기
JavaScript/React

[React] npm xlsx 사용법

by 비븽 2023. 12. 18.

공식문서: https://www.npmjs.com/package/xlsx

참고가 된 글: https://voyage-dev.tistory.com/165

  const XLSX_down = (data) => {
    const List_data = data; // [{A:'',B:'',c:'',d:''}] 이렇게 생긴 데이터

	// 칼럼 이름 바꾸기
    const transformedData = List_data.map((item) => ({
      이름: item.A,
      직업: item.B,
      나이: item.C,
      비고: item.D,
    }));

    const excelHandler = {
      getExcelFileName: () => {
        return "유저정보.xlsx"; // 파일 이름
      },
      getSheetName: () => {
        return "유저"; // 시트 이름
      },
      getExcelData: () => {
        return transformedData; // 엑셀화 할 데이터
      },
      getWorksheet: () => {
        return XLSX.utils.json_to_sheet(excelHandler.getExcelData());
      },
    };

    const datas = excelHandler.getWorksheet();
    const workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, datas, excelHandler.getSheetName());
    // 파일 생성 및 저장 시도
    XLSX.writeFile(workbook, excelHandler.getExcelFileName());
  };

 

'JavaScript > React' 카테고리의 다른 글

[React] 로딩바 구현  (0) 2023.12.18
[React] 간단한 알림창 모달  (0) 2023.12.18
[React] public 폴더 안에 image 안불러지는 현상  (0) 2023.12.13
[React] 우클릭 금지  (0) 2023.11.24
[React] 페이징 만들기  (1) 2023.11.24