如何使用react在点击按钮时下载pdf文件？

npx create-react-app my-app
cd my-app
npm start

import React from 'react';

function App() {
  const handleDownload = () => {
    // 在这里编写下载PDF文件的逻辑
  };

  return (
    <div>
      <button onClick={handleDownload}>下载PDF</button>
    </div>
  );
}

export default App;

npm install file-saver

import React from 'react';
import { saveAs } from 'file-saver';

function App() {
  const handleDownload = () => {
    const pdfUrl = 'https://example.com/path/to/pdf'; // 替换为你的PDF文件URL

    fetch(pdfUrl)
      .then(response => response.blob())
      .then(blob => {
        saveAs(blob, 'downloaded.pdf'); // 下载文件并指定文件名
      })
      .catch(error => {
        console.error('下载PDF文件时出错：', error);
      });
  };

  return (
    <div>
      <button onClick={handleDownload}>下载PDF</button>
    </div>
  );
}

export default App;