如何在 React 中点击后自动滚动

问：

我需要的是，在单击标题组件中的标签之一后，它会将我直接滚动到该组件

这是我的主页，其中包含我的主要组件

function Home() {
  return (
    <React.StrictMode>
      <Header/>
      <Menu/>
      <Holder/>
      <Flyer/>
      <SideBar/>
      <Steps/>
      <Contact/>
    </React.StrictMode>
  );
}

export default Home;

这是我的 Header 组件

const Menu = (props) => {
  return (
    <>
      <div className="Menu-Popup-Container">
        <div className="Menu-Popup">
          <div className="Menu-Block l1-s-menu">
            <label>Contact us</label>
          </div>
          <div className="Menu-Block l1-s-menu">
            <label>Menu</label>
          </div>
          <div>
            <label>Welcome</label>
          </div>

          <div className="Menu-Block l1-s-menu">
            <label>How to buy</label>
          </div>
        </div>
      </div>
    </>
  );
};
export { Menu };

您知道我是否可以像兄弟姐妹一样引用外部组件吗？