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-routerLinkhttps://www.npmjs.com/package/react-router и используется только для перехода на веб-сайт.

, например: /people/people/id

если вы хотите создать прямую ссылку на другой сайт, вы должны создать свой собственный компонент ссылки с a href.

Answer 2

Использование Link от react-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>

Надеется, что это помогает,