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

Question

我刚开始反应并在组件中包含此链接：

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

我想服务器faq.html外部反应。

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

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

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

因此，感谢您帮助解决此问题。

Answer 1

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

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

为了安全起见，建议使用 *rel="noreferrer"。

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

Answer 2

首先你需要创建一个新的Routeletfaq

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

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

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

希望它有效！