Javascript 当单击时，React-anchor标记会一直重定向到页面顶部

我在React网页的标题中有锚定标记。该网页在html中有多个ID为的组件，以便在单击时锚定标记可以转到某些部分。但是，每当我单击锚定标记时，它都会将我带到该部分，然后它会右击回到页面顶部。无论我单击哪个锚定标记，这种情况都会发生，无论href中的id是什么，这种情况都会发生

代码只是呈现HTML的典型React代码。我不知道为什么会这样。非常感谢您的帮助，谢谢

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路由器

（），并使用此库中的

HashLink

来实现此目的（）

非常感谢。我花了数小时试图找到锚定标记的问题，但我一直都不应该使用它们。