Example how to implement breadcrumbs using router config

[icd2k3]

Example how to implement breadcrumbs using router config

[icd2k3]

Hey @yves-s - using react-router's config example:

const routes = [
  {
    path: "/sandwiches",
    component: Sandwiches
  },
  {
    path: "/tacos",
    component: Tacos,
    routes: [
      {
        path: "/tacos/bus",
        component: Bus
      },
      {
        path: "/tacos/cart",
        component: Cart
      }
    ]
  }
];

You can pass this object directly into the HOC and it will automatically generate breadcrumbs for you: withBreadcrumbs(routes)(Breadcrumbs);

If certain routes require custom defined breadcrumbs, you can add a breadcrumb prop to each route like so:

const routes = [
  {
    path: "/sandwiches",
    component: Sandwiches,
    breadcrumb: "My Sandwich Breadcrumb"
  },
  // ...
];

Let me know if that works for you!

[yves-s]

Ahh, I see! Makes sense now. Thanks for your reply @icd2k3

[icd2k3]

No problem!