Как сделать неактивные ссылки (Link) в header?

Question

[75db77]

Написал линки в header, нужны просто для разметки в React приложении (никакого перехода по ним не будет)

<div className="header">
         <div className="logo">Logo</div>
                 <div className="links-header">
                     <Link to="/"><span>Главная</span></Link>
                     <Link to="/about"><span>О нас</span></Link>
                     <Link to="/contacts"><span>Контакты</span></Link>
                  </div>
 </div>

У меня ошибка:

Error: Invariant failed: You should not use <Link> outside a <Router>

Что добавить еще?

Comments

[Алексей]

Ну так и не используйте Link, если не собираетесь делать переходы.

Answer 1

[Ivan Driuk]

Link это компонент из библиотечки react-router (образец https://reacttraining.com/react-router/web/guides/...
Если переходы не нужны, то можно использовать обычный html тег <a href='#' className='link'>Главная</a>

Answer 2

[Yana Tomkovich]

Вот отсюда понятно, как работает react-router-dom