在静态视图上,这个平凡的任务非常简单,但在React中存在问题。
有人能告诉我如何在新标签页中打开pdf文件作为href吗?
以下是我的代码,使用react-bootstrap和react-router:
<NavDropdown eventKey={3} title="Forms">
<MenuItem eventKey={3.1} href="https://www.google.com/" target="_blank">Form 1</MenuItem>
<MenuItem eventKey={3.2} href="samba.pdf" target="_blank">Form 2</MenuItem>
</NavDropdown>
外部链接到谷歌可以正常工作。
PDF文件(与上面的代码处于同一级目录中)无法正常工作。
当我点击PDF链接时,它会将我重定向到我的“404捕获所有”路由。
<Switch>
<Route path="/" exact component={Home} />
<Route path="/contact" exact component={Contact} />
<Route path="/about" exact component={About} />
<Route component={NotFound} />
</Switch>;
编辑: 解决方案在这里: 由 Link_Cable 回答
samba.pdf
的路由,所以它会落在 catch-all 中。 您需要设置服务器首先提供该文件或添加处理它的路由。 - alephtwo