Javascript 使用重定向到其他路由路径进行反应滚动

我构建的页面有问题。有像“/“where is all page”这样的主路由路径，但也有路由路径“/“privacy”，您可以通过单击按钮“privacy policy”进入该路径。主导航和带导航的页脚也显示在“/”和“/隐私”处

看起来是这样的：

        <Route exact path="/">
            <Header />
            <Main />
            <Footer />
        </Route>
        <Route path="/privacy">
            <Header />
            <Privacy />
            <Footer />
        </Route>

主要组件如下所示

const Main = () => {


return (
    <>
        <Hello />
        <Services />
        <Projects />
        <About />
        <Contact />
    </>
)}

const Main=（）=>{
返回(
)}

nav中的所有按钮都是react滚动链接

         <ul>
            <li><Link to="header" smooth="true" duration={1000}>Main</Link></li>
            <li><Link to="services" smooth="true" duration={1000}>Services</Link></li>
            <li><Link to="webdev" smooth="true" duration={1000}>Portfolio</Link></li>
            <li><Link to="about" smooth="true" duration={1000}>About</Link></li>
            <li><Link to="contact" smooth="true" duration={1000}>Contact</Link></li>
         </ul>

主要
服务
投资组合
关于
接触

当用户单击导航中的“关于”按钮时，我如何将其从“/隐私”重定向到-例如-我的“/”路由路径上的关于组件

例如：

---

用户位于“/隐私”处，他想阅读“关于”部分，所以他单击导航中的“关于”按钮，然后网站将重定向到“/”并滚动到“关于”部分。

。添加到组件/组件的根元素about id=“about”，然后添加到链接集路径中