停止将锚标记添加到当前 URL答案

【问题标题】：Stop anchor tag adding to current URL停止将锚标记添加到当前 URL
【发布时间】：2019-06-14 08:40:29
【问题描述】：

我正在使用 react 并尝试使用链接到外部网站“https://www.google.com/”的锚标记。

我的代码中有两个此锚标记的实例。

第一个标签按预期工作，访问外部链接没有任何问题。

但是，如果我在根目录“localhost:3000”并单击第二个标签，它会将 URL 附加到当前 URL“localhost:3000/https://www.google.com/”。

如果我导航到我的应用程序“localhost:3000/example”中的另一个页面，然后单击标签，它将转到外部链接而没有任何问题。

我尝试修剪 URL 的开头以删除任何不需要的“/”，但它不起作用。

这是我正在使用的代码

<a href={newAddress}>{contactUsButton}</a>);

【问题讨论】：

{newAddress} 可能错过了https:// 的某些部分或有前导空格 - 发布视图源
@mplungjan 这是我的第一个想法，但我在使用它之前 console.log 它并且 URL 是正确的。这真的很奇怪，因为其他锚代码是完全相同的，而且工作正常。
How to make a hyperlink external in react?的可能重复
尝试将target="_blank" 添加到您的锚标记中，并检查它是否命中正确的URL。

【解决方案1】：

你可以用这个

import { Redirect } from 'react-router'
<Redirect to="/your url" />

【讨论】：