Использование NavLink с внешним URL

Question

У меня есть следующий код:

    <NavLink to="//student.lvh.me:8080/users/edit">
      <DropDownLink>Wiki</DropDownLink>
    </NavLink>

как заставить navlink работать с внешними URL? Я получаю следующую ошибку в консоли:

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'http://student.lvh.me:8080/users/edit' cannot be created in a document with origin 'http://localhost:3000' and URL 'http://localhost:3000/'.

Есть ли лучший способ обработки внешних ссылок?

Answer 1

react-router означает "маршрут" в одностраничных приложениях. когда вы хотите направить на внешнюю страницу, которая не направляется на одну страницу.
Просто использовать нормальный тег привязки? <a href="url.com">Wiki</a>

Answer 2

<NavLink>очень прост в использовании для перехода к внешнему URL-адресу. Попробуй это:

      <NavLink to={{pathname="https://infortts.com"}} target="_blank">
  Some Component Here
</NavLink>

Answer 3

Поскольку NavLink использует маршрутизатор, внешний URL-адрес должен проходить через "as"

       <NavLink as="a" href="https://student.lvh.me:8080/users/edit" target="_blank" >
    <DropDownLink>Wiki</DropDownLink>
 </NavLink>