React 가 져 오기 엑셀 파일 내 보 내기 실현

import { Button,Table,Upload } from 'antd';

<Upload {...props} fileList={state.fileList}>
    <Button type="primary" >Excel  </Button>
</Upload>

<Button type="primary" onClick={handleExport}>Excel  </Button>

// workbook   ：
{
    SheetNames: ['sheet1', 'sheet2'],
    Sheets: {
        // worksheet
        'sheet1': {
            // cell
            'A1': { ... },
            // cell
            'A2': { ... },
            ...
        },
        // worksheet
        'sheet2': {
            // cell
            'A1': { ... },
            // cell
            'A2': { ... },
            ...
        }
    }
}

const f = file;
const reader = new FileReader();
reader.onload = function (e) {
    try{
        const datas = e.target.result;
        const workbook = XLSX.read(datas, {type: "binary",}); //  datas
        const first_worksheet = workbook.Sheets[workbook.SheetNames[0]]; //             sheet
        const jsonArr = XLSX.utils.sheet_to_json(first_worksheet, {header: 1,defval:''}); //         JSON    
        handleImpotedJson(jsonArr)//     
        message.success('Excel      ！')
    }catch(e){
      message.error('       ！       ')
    } 
};
reader.readAsBinaryString(f);

const downloadExcel = () =>{
    const json = handleExportedJson(data)
    const sheet = XLSX.utils.json_to_sheet(json);
    openDownloadDialog(sheet2blob(sheet,"Sheet1"), "    .xls")
}
const handleExportedJson = (array) =>{...}  //   Json  
const openDownloadDialog = (url, saveName) =>{...} //     
const sheet2blob = (sheet, sheetName) =>{...} //   blob