文章/答案/技术大牛

发布

社区首页 >问答首页 >反应路线v6 - useRoutes指数=真实属性？

问反应路线v6 - useRoutes指数=真实属性？
EN

Stack Overflow用户

提问于 2022-05-04 13:00:54

回答 1查看 584关注 0票数 0

在这种情况下，什么是"index=true“？我为什么要使用index=true ?？(反应性路由器-dom v6 useRoutes)

{
      path: 'dashboard',
      element: (
        <AuthGuard>
          <DashboardLayout />
        </AuthGuard>
      ),
      children: [
           {
          path: 'e-commerce',
          children: [
            { element: <Navigate to="/dashboard/e-commerce/shop" replace />, index: true },
            { path: 'shop', element: <EcommerceShop /> },
            { path: 'product/', element: <EcommerceProductDetails /> },
            { path: 'list', element: <EcommerceProductList /> },
         
          ],
        },

reactjs

react-router-dom

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-04 13:21:06

index告诉react-router，当您在route的索引处时，它应该呈现提供的element。

在本例中，它将在<Navigate to="/dashboard/e-commerce/shop" replace />路由上呈现/dashboard/e-commerce。在本例中，这将确保用户重定向到/dashboard/e-commerce/shop，如果用户在此路由上意外着陆的话。

通过一个例子，index路由背后的概念变得更加清晰：

<Route path="albums" element={<BaseLayout />}>
  <Route index element={<AlbumsList />} />
  <Route path=":id" element={<AlbumDetail />} />
  <Route path="new" element={<NewAlbumForm />} />
</Route>

在/albums，它将呈现：

<BaseLayout>
  <AlbumsList />
</BaseLayout>

在/albums/some-unique-album-id，它将呈现：

<BaseLayout>
  <AlbumDetail />
</BaseLayout>

在/albums/new，它将呈现：

<BaseLayout>
  <NewAlbumForm />
</BaseLayout>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72113415

复制

相似问题

问反应路线v6 - useRoutes指数=真实属性？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问反应路线v6 - useRoutes指数=真实属性？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问反应路线v6 - useRoutes指数=真实属性？
EN