在react js中下载/保存文件

import React from 'react';

const MyComponent = () => {
  const downloadFile = async () => {
    try {
      const response = await fetch('http://example.com/file.pdf'); // 替换为你的文件URL
      const fileData = await response.blob();
      const fileUrl = URL.createObjectURL(fileData);

      const link = document.createElement('a');
      link.href = fileUrl;
      link.download = 'file.pdf'; // 替换为你的文件名称
      link.click();
    } catch (error) {
      console.error('文件下载失败:', error);
    }
  };

  return (
    <button onClick={downloadFile}>下载文件</button>
  );
};

export default MyComponent;