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

В приложении используем react-router-dom, возможно есть статья или пример для реализации, буду оч благодарен
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 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>
)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы