Как сделать хлебные крошки с react-router-dom?

Question

[Илия Колесников]

В приложении используем react-router-dom, возможно есть статья или пример для реализации, буду оч благодарен

Answer 1

[Alice]

Держи и держи

Answer 2

[Gucciprado1337]

Попробуйте это простое решение:

const Breadcrumbs = ({ ...rest, match }) => (
  <span>
      <Link to={match.url || ''} className={match.isExact ? 'breadcrumb active' : 'breadcrumb'}>
          {match.url.substr(match.url.lastIndexOf('/')+1, match.url.length)}
      </Link>
      <Route path={`${match.url}/:path`} component={Breadcrumbs} />
  </span>
)