如何在reactjs中创建按钮组件直接下载文件？

npm install file-saver react-file-download

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

const DownloadButton = ({ fileUrl, fileName }) => {
  const handleDownload = () => {
    saveAs(fileUrl, fileName);
  };

  return (
    <button onClick={handleDownload}>Download</button>
  );
};

export default DownloadButton;

import React from 'react';
import DownloadButton from './DownloadButton';

const App = () => {
  const fileUrl = 'http://example.com/file.pdf';
  const fileName = 'file.pdf';

  return (
    <div>
      <h1>React App</h1>
      <DownloadButton fileUrl={fileUrl} fileName={fileName} />
    </div>
  );
};

export default App;