reactjs - 如何滚动到 Next.js 中的组件？

Question

我有点困惑，我的导航栏和我的其他部分一样是一个组件。如何在其上添加 scrollToView。我不明白函数的去向。有人可以帮助我吗？我尝试使用 useRef 和另一个 npm 包。而且，它没有用。

这是我的代码...

索引.js

export default function Home () {

return 
(

<Nav/>

<Services/>
)


}

导航组件

function Nav () {
    
  
  return (

<div>
  <title>About</title>


<ul  className="nav justify-content-end m-1 p-1 col-12 pe-auto">
   
  <li className="nav-item">
  <Link  href="About">
    <a  className="nav-link m-2 p-1 border border-dark pe-auto text-dark">About me</a>
    </Link>
  </li>
  
  <li className="nav-item">
    <Link href="/"> 
    <a className="nav-link m-2 p-1 border border-dark  text-dark">Services</a>
    </Link>
  </li>

有任何想法吗？