如何在react中制作外部超链接?

IT技术 reactjs react-router
2021-05-01 23:58:12

我刚开始react并在组件中包含此链接:

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

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

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

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

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

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

2个回答

你想多了。您可以像使用 HTML 一样执行此操作。这就是 JSX 的重点。你不需要路由。在此上下文中,外部链接不是路由。也许您弄错了一些周围的代码,但从您的示例中看不到。

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

*rel="noreferrer" 建议用于安全。

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

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

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

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

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

希望它有效!!