如何在一个路由中渲染两个组件？

Question

我想在单个页面上呈现带有主页组件的项目组件。 \

  <Navbar />
  <Routes>
    <Route path='/' element={<Home/>}/> 
    <Route path='/Projects' element={<Projects/>}/>
    <Route path='/About' element={<About/>}/>
    <Route path='/MyStack' element={<MyStack/>}/>
    
    <Route path='/Blogs' element={<Blogs/>}/>
    <Route path='/Contact' element={<Contact/>}/>
  </Routes>
  
</div>

project 组件的导航栏上没有任何额外按钮。 project组件和home组件如何在同一个页面使用相同的路由渲染？

Answer 1

尝试在 React Fragments 中包装并渲染两者：

 <Route path='/' element={<><Home/><Projects/></>}/>

如何在一个路由中渲染两个组件？

How to render two components in a single route?

reactjs

react-router