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

import Link from 'next/link';

const ScrollLink = () => (
  <div>
    <nav>
      <Link href="#section1" scroll={true}>
        <a>Section 1</a>
      </Link>
      <Link href="#section2" scroll={true}>
        <a>Section 2</a>
      </Link>
      <Link href="#section3" scroll={true}>
        <a>Section 3</a>
      </Link>
    </nav>
    <div id="section1">
      <h2>Section 1</h2>
      {/* Section 1 content */}
    </div>
    <div id="section2">
      <h2>Section 2</h2>
      {/* Section 2 content */}
    </div>
    <div id="section3">
      <h2>Section 3</h2>
      {/* Section 3 content */}
    </div>
  </div>
);

export default ScrollLink;