React Router 带有搜索参数的嵌套路由

Question

在带有搜索参数的嵌套 React 路由中，当我位于 /app 上并单击导航到 /app/user 的链接后。导航不起作用。

如果我在没有嵌套的情况下尝试它，它是有效的，但是。但为什么当我嵌套它时它不起作用。

Codesandbox：CodeSandBox 链接

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

Answer 1

试试这个

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