html - React 锚标记不会将我带到同一页面上的另一个组件

Question

我正在使用 React 处理一个网页，该网页在同一页面上具有多个组件。在标题上，有一些带有锚标记的列表项，它们的 href 指向另一个组件的 ID。当我单击链接时，网页上没有任何反应。当我放置一个指向标题项的锚标记时，它可以工作。我猜是因为链接和参考在同一个组件中。我该如何解决？

HTML（在标题组件内）

<li><a className="nav-link" href="#about">About</a></li>

关于链接不起作用。如果我将带有 href 的锚点放在“#header”，它会起作用。

反应组件

      <Header />
      <Intro/>
      <About />
      <Schedule />

非常感谢你的帮助。这是我第一次在 Stack Overflow 上发帖，很高兴认识你们。

标签： htmlreactjs