React中使用antd表单 导出表单

import React, { Component } from 'react'
import XLSX from 'xlsx'
import { Button } from 'antd'
// 导出excel表格
function exportExcel(dataSource, columns) {//接收2个参数：表头和表中的内容
    if (!dataSource.length) {
        return
    }
    let header = {}
    ;[...columns].forEach((item, index) => {
        header[index] = item.title
    })
    // 1.创建一个websheet
    let ws = XLSX.utils.json_to_sheet(dataSource, { header: [], skipHeader: false })

    // 2.创建一个webbook
    let wb = XLSX.utils.book_new()
    XLSX.utils.book_append_sheet(wb, ws)
    // 3.写到本地
    XLSX.writeFile(wb, 'out.xlsx')
}
class ExportExcel extends Component {
    render() {
        return (																//这边是传过来的数据
             exportExcel(this.props.dataSource, this.props.columns)}>
                下载成交明细表
            
        )
    }
}
export default ExportExcel