那么你可以添加的主页在儿童与路径为“*”像下面。

const router = createBrowserRouter([
  {
    element: <Root />,
    children: [
      { path: "/", element: <Users /> },
      { path: "/users", element: <Users /> },
      { path: "/places", element: <Places /> },
      { path: "*", element: <Homepage /> },
    ],
  },
]);

function App() {
  return <RouterProvider router={router} />;
}

export default App;

在路径中使用 * 字符，* 表示所有路由：

const router = createBrowserRouter([
  {
    element: <Root />,
    children: [
      { path: "/", element: <Users /> },
      { path: "/users", element: <Users /> },
      { path: "/places", element: <Places /> },
      { path: "*", element: <Page404 /> },
    ],
  },
]);

function App() {
  return <RouterProvider router={router} />;
}

export default App;

对于任何路径，都应该呈现到主"/"路由的重定向（* 即使用通配符"*"匹配器 *）应用没有专门为渲染匹配的路由。由于主路由"/"和"/users"都渲染相同的Users组件内容，您可以通过将任何“未知”路径重定向到"/users"来简化此操作。这样就消除了冗余路由。
示例：

import {
  createBrowserRouter,
  Navigate
} from 'react-router-dom';

const router = createBrowserRouter([
  {
    element: <Root />,
    children: [
      { path: "/users", element: <Users /> },
      { path: "/places", element: <Places /> },
      { path: "*", element: <Navigate to="/users" replace /> },
    ],
  },
]);