Reactjs 如何在react路由器v6中创建/和主路径？

这是我现在的路线，不起作用：

const routes = [
  {
    path: "/",
    element: <Navbar />,
    children: [{ path: "/(home)?", element: <Home /> }],
  },
];

const路由=[
{
路径：“/”，
元素：，
子项：[{path:/（home）？”，元素：}]，
},
];

我记得以前在家里的小路上工作时是这样的：

<Route path="/(home)?" element={<Home />} />

---

我想同时匹配/和/主和渲染主组件？

您可以为

/

和

/home

传递子路由数组

const routes = [
  {
    path: '/',
    element: <Navbar />,
    children: [
      { path: '/', element: <Home /> },
      { path: 'home', element: <Home /> },
    ],
  },
]

---

您可以为

/

和

/home

传递一组子路由

const routes = [
  {
    path: '/',
    element: <Navbar />,
    children: [
      { path: '/', element: <Home /> },
      { path: 'home', element: <Home /> },
    ],
  },
]

---

引发错误：类型“string[]”不可分配给类型“string”@gpbaculio My bad。我被其中提到的“路由对象与

元素具有相同的属性”弄糊涂了。刚刚用修复程序更新了我的答案。如何制作这些代码沙盒按钮？很好，谢谢@TJ您可以单击右上角的嵌入链接，然后在显示的模式中单击左侧栏上的其他共享选项。然后，您应该找到标记以与其中的一个图像共享CodeSandbox链接。我得到了抛出的错误：类型“string[]”不可分配给类型“string”@gpbaculio My bad。我被其中提到的“路由对象与

元素具有相同的属性”弄糊涂了。刚刚用修复程序更新了我的答案。如何制作这些代码沙盒按钮？很好，谢谢@TJ您可以单击右上角的嵌入链接，然后在显示的模式中单击左侧栏上的其他共享选项。然后，您应该找到标记以与其中的图像共享CodeSandbox链接。