NextJs - 滚动到同一页面中某个部分的链接

Question

我正在使用 NextJs。我想在我的标题部分创建一个链接。此链接应通过滚动将用户带到同一页面上的 TestimonialsSection。

        <Link href={"#TestimonialsSection"}>
          <a className={styles.Designation}>Mentor</a>
        </Link>

这是我试过的代码，但是没有用。不过网址会变。提前致谢

Answer 1

尝试删除花括号。你确实把锚当成一个外部值。

<Link href="#TestimonialsSection">
  <a className={styles.Designation}>Mentor</a>
</Link>

Answer 2

如果它只是一个静态字符串，你应该删除上面ЖнецЪ所说的大括号。

如果您要制作可重用组件，需要从父组件指定 ID，请使用模板字符串并保留大括号。

<Link href={`#${props.id}`}>
  <a className={styles.Designation}>Mentor</a>
</Link>