首先
上面我是想进入到根路由也就是/
的时候默认重定向到 /projects
页面,
但是将 Navigate 定义在 Route 内部会提示错误:
解决办法:
<Router>
<Routes>
<Route path="/projects" element={<ProjectListScreen />}></Route>
<Route
path="/projects/:projectId/*"
element={<ProjectScreen />}
></Route>
<Route path="*" element={<Navigate to="/projects" replace={true}/>} />
</Routes>
</Router>
换成:
<Route path="*" element={<Navigate to="/projects" replace={true}/>} />
写法即可。如果找不到自己定义的根路由,默认跳转到 /projects
路由中。