Apabila menggunakan parameter carian dalam laluan React bersarang, apabila saya menggunakan /app dan selepas mengklik pautan yang menavigasi ke /app/user, navigasi tidak berfungsi.
Kalau saya cuba guna tanpa bersarang memang berkesan. Tetapi mengapa ia tidak berfungsi apabila bersarang.
Kotak kod: pautan CodeSandBox
<Routes>
<Route path="/" element={<LandingPage />} />
<Route path="/app" element={<Main />}>
<Route path=":user" element={<User />} />
</Route>
<Route path="*" element={<PageNotFound />} />
</Routes> 
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Cubalah
<Routes> <Route path="/" element={<LandingPage />} /> <Route path="/app" element={<Main />} /> <Route path="/app/:user" element={<User />} /> <Route path="*" element={<PageNotFound />} /> </Routes>Jika anda mahu
User.js组件嵌套，你需要在Main.js中添加Outletimport { Link, Outlet } from "react-router-dom"; export default function Main() { return ( <div> <p>Main Page</p> <Link to="/app/ashish">点击进入用户页面</Link> <Outlet/> </div> ); }