将路由器 V4 link 反应到外部地址

Question

我尝试了一些不同的建议，但是，none 似乎有效。我正在使用 React Router V4，我想创建一个导航到外部网站的 link。目前，我所做的一切都只是附加到我的 URL。

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

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

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

Answer 1

@Giri 建议的解决方案，一个简单的 HTML link。

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

Answer 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

将路由器 V4 link 反应到外部地址

React router V4 link to external address

react-router-v4