Handle multiple params

[birendra-90]

How to handle multiple params?

e.g. /products/:productId/categories/:categoryId

[icd2k3]

Hi @birendra-90 👋

This is supported. With defaults enabled you could do something like this:

const routes = [
  { path: '/products/:productId', breadcrumb: ({ match }) => <span>{match.params.productId}</span> },
  { path: '/products/:productId/categories/:categoryId', breadcrumb: ({ match }) => <span>{match.params.categoryId}</span> },
];

withBreadcrumbs(routes)(MyComponent)

For the above:
URL: /products/1/categories/2
Breadcrumbs: Home / Products / 1 / Categories / 2

This will work with default breadcrumbs option disabled too. You'd just have to define route breadcrumbs for 'products' and 'categories'.

Hope that helps!