Запретить React Router Link автоматически генерировать путь к местоположению

Question

Может быть, я что-то упускаю, но я застрял с React Router Link и путем, который он генерирует в другом месте, кроме '/'.Проще говоря, когда я нахожусь дома ('/'), все в порядке, но когда я нахожусь на месте (например) http://somedomain.com/posts/newest и использую компонент Link следующим образом:

<Link to="/title-for-the-article">Link to the article</Link>

Необработанный тег HTML после рендеринга выглядит следующим образом (это не то, что я хочу)

<a href="/posts/title-for-the-article">Link to the article</a>

Какпредотвратить привязку этого пути '/ posts /' к каждому компоненту Link?Я просто хочу использовать точный путь, который я прошел через атрибут "to".Спасибо.

Answer 1

Использовать exact param возвращает только точный путь, соответствующий URL.

<Route exact path="/posts/title-for-the-article" component={Component} />

<Link to="/posts/title-for-the-article">Link to the article</Link>

// Location descriptor path to in string
<Link to={{ pathname: '/posts/title-for-the-article' }}/>