How to make breadcrumbs with react-router-dom?

Question

React

We use react-router-dom in the application, maybe there is an article or an example for implementation, I will be very grateful

Answer 1

Hold and hold

Answer 2

Try this simple solution:

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>
)