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

<Upload {...props} fileList={state.fileList}>
    <Button type="primary" >Excel導(dǎo)入</Button>
</Upload>

<Button type="primary" onClick={handleExport}>Excel導(dǎo)出</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]]; //是工作簿中的工作表的第一個(gè)sheet
        const jsonArr = XLSX.utils.sheet_to_json(first_worksheet, {header: 1,defval:''}); //將工作簿對(duì)象轉(zhuǎn)換為JSON對(duì)象數(shù)組
        handleImpotedJson(jsonArr)// 數(shù)組處理
        message.success('Excel上傳解析成功！')
    }catch(e){
      message.error('文件類型不正確！或文件解析錯(cuò)誤')
    } 
};
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數(shù)據(jù)
const openDownloadDialog = (url, saveName) =>{...} // 打開下載
const sheet2blob = (sheet, sheetName) =>{...} // 轉(zhuǎn)成blob類型

// 直接導(dǎo)出文件
let dataTable = [];  //excel文件中的數(shù)據(jù)內(nèi)容
let option = {};  //option代表的就是excel文件
dataTable  = data;  //數(shù)據(jù)源
option.fileName = "下載文件";  //excel文件名稱
console.log("data===",dataTable)
option.datas = [
    {
        sheetData: dataTable,  //excel文件中的數(shù)據(jù)源
        sheetName: 'Sheet1',  //excel文件中sheet頁名稱
        sheetFilter: ['id', 'name', 'belong', 'step','tag'],  //excel文件中需顯示的列數(shù)據(jù)
        sheetHeader: ['項(xiàng)目id', '項(xiàng)目名稱', '所屬公司', '項(xiàng)目階段','項(xiàng)目標(biāo)簽'],  //excel文件中每列的表頭名稱
    }
]
let toExcel = new ExportJsonExcel(option);  //生成excel文件
toExcel.saveExcel();  //下載excel文件

/*多個(gè)sheet*/
/*每個(gè)sheet為一個(gè)object */
[{
    sheetData:[], // 數(shù)據(jù)
    sheetName:'', // （非必需）sheet名字，默認(rèn)為sheet1
    sheetFilter:[], //（非必需）列過濾(只有在 data 為 object 下起作用)
    sheetHeader:[] // 第一行，標(biāo)題
    columnWidths: [] //（非必需）列寬，需與列順序?qū)?yīng)
}]