反应路由器 V4 链接到外部地址答案

【问题标题】：React router V4 link to external address反应路由器 V4 链接到外部地址
【发布时间】：2018-01-04 01:29:51
【问题描述】：

我尝试了一些不同的建议，但似乎都没有奏效。我正在使用反应路由器 V4，我想创建一个导航到外部网站的链接。目前，我所做的一切都只是附加到我的 URL。

我想要发生的事情 www.mysite.com => 点击内部链接并转到 => www.newsite.com

发生了什么 www.mysite.com => 单击内部链接并转到新页面，但它附加了 => www.mysite.com/www.newsite.com

<Link to="http://www.newsite.com">Go to new site</Link>

【问题讨论】：

为什么一定要使用Link？如果您想要外部重定向，请使用普通的标签。
吉普车。不敢相信我没有尝试过。谢谢
别担心！我们都去过！
@Giri 添加您的评论和代码作为答案，以便可以将此问题标记为已回答。 bp123 不要过度使用 React 组件，如果您可以使用简单的 html 组件和使用更简单的操作更容易做到这一点；）
@Giri，我没有意识到我应该发布您推荐的解决方案。我不想因此而受到赞扬。再次感谢。

标签： react-router-v4

【解决方案1】：

@Giri 建议的解决方案是一个简单的 HTML 链接。

<a href="http://www.newsite.com">New site</a>

【讨论】：

我在使用 a 标签时遇到了同样的问题。
@Mel 如果其他人有这个问题，你必须使用<a target="_blank" href="http://www.newsite.com">New site</a>

【解决方案2】：

您也可以按照here的建议创建自己的组件：

import React from 'react'
import {Link} from 'react-router-dom'

const Anchor = (props) => {
  return props.href ?
    <a {...props}/>
    :
    <Link {...props}/>
};

export default Anchor

【讨论】：