html - React：链接到我的项目文件夹中的 PDF

Question

在我的 React 应用程序中，我想从页面链接到 PDF。

PDF 位于 中src\assets\，我的组件位于src\components\xyz\.

在我的组件中，我只是简单地做<a href="<link to pdf>" >Download here</a>，但是单击它会带我到localhost:3000/foo.pdf它并没有给我任何东西。

当我向它添加download属性时a会下载文件，但我希望它首先在新选项卡中打开，然后用户可以从那里下载它。

我如何实现这一目标？

标签： htmlreactjsweb

Answer 1

您可以像这样将文档路径放在 url href 中并尝试。

<a href="../assets/{fileName.pdf}" target="_blank"> Download </a>