反应路由到外部链接

Question

我想在用户访问此路径 /help 时将他们路由到外部网站，而不会破坏后退按钮，以便他们在点击后退时可以返回我的应用程序。

<Route path="/help" component={()=>{
window.location.href="https://example.com";
return null;
}}/>

如果用户访问/help，他们会被重定向到https://example.com。如果他们点击返回，他们会返回 /help 再次重定向他们？

Answer 1

只需使用好的旧锚标签。

React-router 是用于单页应用程序的路由系统。所有路由都应该在您的页面中定义并封装在您的应用中。

对于外部链接，可以使用anchor标签。

<a href="www.example.com/help" />

这里的经验法则是：-

1. 如果链接在您的应用中，请使用React-Router。
2. 如果没有，使用anchor标签