How to hide Parent when child route is active

Hi,

I tried to implement React Router example. Here’s the codesandbox link.

The links at top is the breadcrumb

The links to Bus and Cart at bottom is present on the parent route Tacos but is visible on child route Bus or Cart

[pjvds]

Thanks @icd2k3 for the fast and prompt answer ❤️

[icd2k3]

@pjvds it’s a bit verbose, but since location is passed to dynamic breadcrumbs, we can use that to determine wether or not to show “Tacos”

const routes = [
  {
    path: "/tacos",
    breadcrumb: ({ location: { pathname } }) =>
      pathname.toLowerCase() === "/tacos" ? "Tacos" : null
  },
];

Here’s a codesandbox