javascript - ReactJS:如何正确链接到下载文件？

Question

我有一个 manual.pdf我需要附加到我的文档的文件。传统的智慧是在 href 中链接文件源。 <a> 的属性标签:

<a href="../assets/img/manual.pdf" download>Manual</a>

我想 React 似乎不喜欢它。 Failed-No file 单击 <a> 时出现错误标签。

当它是 <img> 时使用本地文件标记，我将导入源 import logo from '../assets/img/logo.svg'; , 然后将其传递给 src像这样的属性 <img src={logo} alt="brand logo" /> .

• 我试过了 - 没用。
• 给出绝对路径 - 没用。
• 提供相对路径 - 没用。

似乎它与 <a> 的工作方式不同标签。如何在 React 项目中正确链接本地文件？

附言我听说过 React 路由，但我没有链接到任何页面，它用于下载文件。

Answer 1

试试这个

<Link to="/files/manual.pdf" target="_blank" download>Download</Link>

/files/manual.pdf 在您的 public 文件夹中