在 React 网站中放置下载按钮以下载 pdf 文件时出现问题答案

【问题标题】：Problem in putting a download button to download a pdf file in a React Website在 React 网站中放置下载按钮以下载 pdf 文件时出现问题
【发布时间】：2022-04-27 23:00:15
【问题描述】：

我正在使用 react 创建一个投资组合网站，我想在其中添加一个下载按钮的功能，以便任何人都可以通过投资组合网站下载我的简历。

 <Link to="Resume.pdf" download>Download</Link>

我为它添加了上面的代码，但它没有下载我的简历。我能找到一些方法让它发挥作用吗？

【问题讨论】：

那么它的作用是什么呢？显示 404 not found 页面？还是在浏览器上打开了 PDF 查看器？

标签： reactjs download

【解决方案1】：

假设您的 resume.pdf 文件存在于同一个文件夹中。您可以导入文件并将其作为变量传递。

import resume from './Resume.pdf';

<Link to={resume} download>Download</Link>

【讨论】：