reactjs - 如何在 react 中使超链接外部？

Question

我是 react 新手，并且在组件中包含此链接:

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

我想在react之外提供faq.html服务器。

问题在于 React 将链接视为内部链接并给出 404。

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

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

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

Answer 1

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

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

出于安全考虑，建议*rel="noreferrer"。

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