您的“代码1”示例与“代码2”不同,因为它呈现
ProjectsPage
作为布局路线。如果希望这两个代码示例等效,则应呈现
项目页面
作为下的索引路由
"/projects"
布局路线。
实例
<Router>
<Header />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/projects">
<Route index element={<ProjectsPage />}>
<Route path="portfolio" element={<PortfolioProject />} />
<Route path="realestateapp" element={<RealEstateProject />} />
</Route>
<Route path="*" element={<NoPage />} />
</Routes>
<Footer />
</Router>
<Router>
<Header />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/projects" element={<ProjectsPage />} />
<Route path="/projects/portfolio" element={<PortfolioProject />} />
<Route path="/projects/realestateapp" element={<RealEstateProject />} />
<Route path="*" element={<NoPage />} />
</Routes>
<Footer />
</Router>