在ReactJS中使用HttpClient下载CSV文件

npm install react
npm install axios

import axios from 'axios';

const downloadCSV = () => {
  axios.get('http://example.com/download/csv', {
    responseType: 'blob'
  })
  .then(response => {
    // 创建一个URL对象来表示二进制数据
    const url = window.URL.createObjectURL(new Blob([response.data]));

    // 创建一个a标签来下载文件
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', 'data.csv');
    document.body.appendChild(link);
    link.click();

    // 清理URL对象
    window.URL.revokeObjectURL(url);
  })
  .catch(error => {
    console.error('下载CSV文件失败:', error);
  });
};

<button onClick={downloadCSV}>下载CSV文件</button>