javascript——如何在React JS中的两个页面之间导航

我使用React Router Dom在create React应用程序dapp中的两个javascript元素之间导航，但当我使用它时，会加载页面顶部的元素，并将页面添加到链接的末尾（localhost/page）。

我的目标是，点击链接按钮，以新的背景和样式（已经为该页面完成）将页面重新加载到新页面

App.js 代码

<Router>
  <s.Screen>
    <Navbar />
    <Routes>
      <Route path="/MyPandas" element={MyPandas} exact></Route>
    </Routes>
          
    /*
      Rest of Code
    */

</Router>

我的另一个页面只是包装在一个片段组件中

<Fragment>
  /*
    Code
  */
</Fragment>