Routage imbriqué de React Router et utilisation des paramètres de recherche
P粉541796322
P粉541796322 2024-04-05 13:48:33
0
1
1478

Lorsque j'utilise des paramètres de recherche dans un itinéraire React imbriqué, lorsque je suis sur /app et après avoir cliqué sur le lien qui mène à /app/user, la navigation ne fonctionne pas.

Si j'essaie d'utiliser sans imbrication, cela fonctionne. Mais pourquoi ça ne marche pas une fois imbriqué.

Codesandbox : lien CodeSandBox

<Routes>
    <Route path="/" element={<LandingPage />} />
    <Route path="/app" element={<Main />}>
      <Route path=":user" element={<User />} />
    </Route>
    <Route path="*" element={<PageNotFound />} />
  </Routes>
P粉541796322
P粉541796322

répondre à tous(1)
P粉464113078

Essayez-le

<Routes>
        <Route path="/" element={<LandingPage />} />
        <Route path="/app" element={<Main />} />
        <Route path="/app/:user" element={<User />} />
        <Route path="*" element={<PageNotFound />} />
      </Routes>

Si tu veux User.js组件嵌套,你需要在Main.js中添加Outlet

import { Link, Outlet } from "react-router-dom";

export default function Main() {
  return (
    <div>
      <p>Main Page</p>
      <Link to="/app/ashish">点击进入用户页面</Link>

      <Outlet/>
    </div>
  );
}
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!