@75db77

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

Написал линки в 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>


Что добавить еще?
  • Вопрос задан
  • 353 просмотра
Пригласить эксперта
Ответы на вопрос 2
IDriuk
@IDriuk
программист
Link это компонент из библиотечки react-router (образец https://reacttraining.com/react-router/web/guides/...
Если переходы не нужны, то можно использовать обычный html тег <a href='#' className='link'>Главная</a>
Ответ написан
Комментировать
angela_merkel
@angela_merkel
Frontend developer, youtube bloger and a good girl
Вот отсюда понятно, как работает react-router-dom
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы