你也可以使用这个：Link

const router = createBrowserRouter([
  {
    path: '/',
    element: <AppShell />,
    children: [
      {
        path: 'admin',
        element: <AdminPanel />,
        children: [
          {
            index: true,
            element: <Navigate to="/admin/organisations" replace />,
            // when user navigate to /admin it automaticly navigate to /admin/organisations
          },
          { path: 'organisations', element: <Organisations /> },
          { path: 'users', element: <Users /> },
        ],
      },
    ],
  },
]);

您的AdminPanel可能如下所示：

import React from 'react'
import {
  Navigate,
  Outlet,
  useLocation,
} from 'react-router-dom'

const AdminPanel = () => {
  const { pathname } = useLocation()
  //... you code ...//

  return (
    pathname === '/admin' ? <Navigate to="/admin/organisations" replace /> : <Outlet />
  )
}

您可以创建一个捕获所有路由，并将其放在阵列的底部。

const routes = createBrowserRouter([
  {
    path: '/',
    element: <AppShell />,
    children: [
      {
        path: 'admin',
        children: [
          { path: 'users', element: <Users /> }
          { path: '*', element: <Organisations /> },
        ]
      }
    ]
  }
]);

您有3个选项可能会对您有所帮助：splats（链路）、basename（链路）和layout routes（链路）。
/admin似乎是一种布局路线，它指定用户可能会看到某种只呈现其内容的 Jmeter 板（常见情况：显示仅对admins可见的侧边栏）。
此外，还可以使用<Navigate>（link）元素从一个组件移动到另一个组件：

const routes = createBrowserRouter([
  {
    path: '/',
    element: <AppShell />,
    children: [
      {
        path: 'admin',
        element: <Navigate to="/admin/organisations" replace/>,
        children: [
          { path: 'users', element: <Users /> }
          { path: 'organisations', element: <Organisations /> },
        ]
      }
    ]
  }
]);