2016-12-15 25 views
0

外部URLへのLinkContainer/NavItemリンクをどうすればいいのでしょうか。私が試した:私はエラーを取得する完全なURLのLinkContainer - React-Bootstrap-Router

<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>

上記の利回りエラーなし、しかしdoesnの何もしない。

答えて

0

このコンポーネントは、react-routerLinkhttps://www.npmjs.com/package/react-routerに基づいており、ウェブサイト内での移行にのみ使用されます。例えば

/people/people/id

あなたが他のウェブサイトへの直接リンクを作成したい場合、あなたはa hrefと自身のリンク・コンポーネントを作成する必要があります。

0

Linkreact-router @yussanからコメントを付けると、目標値を追加することができます。

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>

はそれが役に立てば幸い、

関連する問題