同一导航链接中的锚链接和独立组件

如何解决同一导航链接中的锚链接和独立组件

我有一个单页应用程序，并通过 HashRouter 链接到不同的部分。 现在我想添加另一个组件来呈现一个单独的独立页面（保留导航栏）。

我不知道如何进行这项工作。已尝试将其包装在 Switch、browserRouter 中...都无效。

function App() {
  return (
    <div className="App">

        <HashRouter hashType='noslash'>
          <Navbar/>        
          <Hero/>      
          <About/>
          <Skills/>
          <Projects/>
          <Contact/>
          <Footer />

// Stand-alone component link here? //

        </HashRouter>

//or here? //
   
    </div>
  );
}

export default App;