逃离反应路由器范围

【问题标题】：Escape react-router scope逃离反应路由器范围
【发布时间】：2018-01-22 08:53:03
【问题描述】：

我在我的应用程序中使用 react-router。我有一个脸书链接 .但是单击它，会将链接附加到我的 localhost 作为 localhost:3000/www.facebook.com。如何使它超出 react-router 的范围？

【问题讨论】：

【解决方案1】：

请用 www 指定 HTTP 或 HTTPS 协议

如果您从上下文或状态中获取 URL，请使用如下方式：

<a href={this.context.myurl} target="_top">Facebook</a>
<a href={this.state.myurl} target="_top">Facebook</a>

如果您想在新标签页中打开它，请使用 target="_blank"。

例子：

<a href="https://www.facebook.com">Facebook</a>

【讨论】：

【解决方案2】：

您不应使用来自react-router 的Link 打开外部链接。试试看

<a href="www.facebook.com">Facebook</a>

UPD
您可以在那里找到有用的链接包装器 - https://github.com/ReactTraining/react-router/issues/1147

【讨论】：