Блог

У меня есть теги привязки в заголовке моей веб-страницы React. Веб-страница содержит несколько компонентов с идентификаторами в html, так что привязочные теги могут переходить к определенным разделам при нажатии. Однако всякий раз, когда я нажимаю на тег привязки, он переводит меня в раздел, а затем возвращается обратно к началу страницы. Это происходит независимо от того, какой тег привязки я нажимаю, и это происходит независимо от идентификатора, который находится в href.

Код представляет собой обычный код React, отображающий HTML. Я не уверен, почему это происходит. Любая помощь приветствуется, спасибо.

 function Header () {
  return (
      <header id="header">
        <nav>
            <ul className="nav-menu">
                <li className="menu-active"><a className="nav-link" href="virtualLF">Home</a></li>
                <li><a className="nav-link" href="#about">About</a></li>
                <li><a className="nav-link" href="#schedule">Agenda</a></li>
                <li><a className="nav-link" href="#speakers">Speakers</a></li>
                <li><a className="nav-link" href="#sponsors">Sponsors</a></li>
                <li><a className="nav-link" href="#contact">Contact</a></li>
  

Да, привязочные ссылки не работают с React таким образом. Я бы рекомендовал установить react-router (ссылка здесь) и использовать HashLink для этой цели из этой библиотеки (ссылка здесь)