亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

React Router verschachteltes Routing und Verwendung von Suchparametern

P粉541796322 2024-04-05 13:48:33

1923

Wenn ich Suchparameter in einer verschachtelten React-Route verwende, wenn ich mich in /app befinde und auf den Link geklickt habe, der zu /app/user führt, funktioniert die Navigation nicht.

Wenn ich versuche, ohne Verschachtelung zu verwenden, funktioniert es. Aber warum funktioniert es nicht, wenn es verschachtelt ist?

Codesandbox: CodeSandBox-Link

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

P粉541796322

Antworte allen(1)

P粉4641130782024-04-06 00:10:01 1 Etage

嘗試一下

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

如果你想將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>
  );
}