无法在react中打开新选项卡,在链接上添加 localhost:3000?

IT技术 reactjs
2021-05-25 03:47:02

我使用了 react router doms 的链接:

<Link target="_blank" to={"www.mylink.com"} >mylink </Link>

但这 也会使用href打开http://localhost:3000/www.mylink.com 的新标签页

<a href={'www.mylink.com'} target="_blank" > mylink </a>

做同样的事情。打开新标签到http://localhost:3000/www.mylink.com 我如何在新标签中只打开链接?

3个回答

试试这个

<Link target="_blank" to={"//www.mylink.com"} >mylink </Link>

或这个

<a href={'//www.mylink.com'} target="_blank" > mylink </a>

更多参考:
绝对与相对 URL
https://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Generic_syntax

我尝试使用 Link 但我遇到了同样的问题。现在我正在使用这个 onClick={() => { window.open('LINK','_blank')}}

当我用Link

<Link to={`//${isHrefVlaue}`}></Link>

这是在没有本地主机的情况下打开的,但它在 https 中缺少冒号并且没有按预期工作。

但是在我Link用一个锚替换之后它就起作用

<a href={isHrefVlaue}></a>