如何在反应中制作外部超链接？答案

【问题标题】：How to make a hyperlink external in react?如何在反应中制作外部超链接？
【发布时间】：2018-10-25 06:44:01
【问题描述】：

我是新来的反应并在组件中有这个链接：

<a href="https://example.com/faq.html"> FAQ </a>

我想在 react 外部服务 faq.html。

问题是 react 将链接视为内部链接并给出 404。

我看到a similar 的问题建议使用<Route ...，但是我不知道如何将超链接转换为路由。

我也知道我可以将target="_blank" 添加到标签中，但这不是我理想的解决方案。

非常感谢您帮助解决这个问题。

【问题讨论】：

【解决方案1】：

首先你需要创建一个新的Route let faq

<Route path='/faq' component={() => window.location = 'https://example.com/faq.html'}/>

然后将您的anchor 标签href 属性更改为

<a href="/faq"> FAQ </a>

希望有效！！

【讨论】：

【解决方案2】：

你想多了。您可以像使用 HTML 一样进行操作。这就是 JSX 的意义所在。你不需要路线。在这种情况下，外部链接不是路由。也许您的一些周围代码有误，但从您的示例中看不到。

如果您想包含其他组件，您需要将它们包装在一个组件中。例如使用 'Div' 或片段 >。否则，您可以像使用 HTML 一样进行操作。

*rel="noreferrer" 推荐用于安全性。

  <a href="https://example.com/faq.html" rel="noreferrer">
    FAQ
  </a>

【讨论】：