react/javascript如何将json格式的表格数据导出到可下载的excel中

import React from 'react';
import json2xls from 'json2xls';
import FileSaver from 'file-saver';

class ExportExcel extends React.Component {
  handleExport = () => {
    // 假设你已经获取到了JSON数据
    const jsonData = [
      { name: 'John', age: 30, city: 'New York' },
      { name: 'Jane', age: 25, city: 'London' },
      { name: 'Bob', age: 35, city: 'Paris' }
    ];

    // 将JSON数据转换为Excel文件
    const xls = json2xls(jsonData);

    // 创建Blob对象
    const blob = new Blob([xls], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });

    // 使用FileSaver保存Excel文件
    FileSaver.saveAs(blob, 'data.xlsx');
  }

  render() {
    return (
      <button onClick={this.handleExport}>导出Excel</button>
    );
  }
}

export default ExportExcel;