LinkContainer具有完整的URL - React-Bootstrap-Router

Question

我想知道如何将LinkContainer / NavItem链接到外部URL。我试过了：

<LinkContainer to="https://www.example.com">
 <NavItem eventKey={1}>LinkedIn</NavItem>
</LinkContainer>

在这种情况下，我收到错误：

A path must be pathname + search + hash only, not a full URL

我也试过了：

<NavItem eventKey={1} href="https://www.example.com"></NavItem>

以上不会产生错误，但不会做任何事情。

Answer 1

该组件基于react-router Link https://www.npmjs.com/package/react-router，仅用于在网站内进行转换。

例如：/people /people/id

如果您想创建指向其他网站的直接链接，则必须使用a href创建自己的链接组件。

Answer 2

使用@yussan评论的Link中的react-router，您可以添加目标值，它应该可以使用。我用它来链接外部社交网络，如下所示：

import { Link } from 'react-router'

<Link to="https://facebook.com/mypage" target="new">Facebook</Link>

我知道它是一个旧线程，但我今天遇到了这个问题，并希望分享解决方案。

你可能会做这样的事情：

<Link to="https://www.example.com" target="new"> <NavItem eventKey={1}>LinkedIn</NavItem> </Link>

希望它有所帮助，