如何使用React Router在特定路由上打开文件

时间:2017-06-12 12:47:55

标签: reactjs react-router

有没有办法在特定路线上使用反应路由器自动打开文件? 我已经尝试过的是 重定向到文件本身

<Route path="agb"><Redirect to="../../src/assets/pdf/agb.pdf"></Redirect></Route>

我也尝试将该文件作为具有导入的组件加载但是没有按预期工作

import Agbs from "../../src/assets/pdf/agb.pdf"
<Route path="agb">{Agbs}</Route>

在这种情况下,我想在有人访问/ agb。

时开始下载我的pdf

1 个答案:

答案 0 :(得分:1)

我设法通过以下方式自行解决问题:

由于重定向不起作用,我在想要的页面中导入PDF并在javascript的帮助下直接打开它

import agb from "../../../assets/pdf/agb.pdf";
/* later within the component */
componentWillMount() {
    window.open(agb, '_blank');
    browserHistory.push("/somewhereelse");
}

但我对这个解决方案并不是100%满意,我真的想在路由器的帮助下以某种方式解决它。