react-breadcrumbs/demo/src/crumb-route.jsx

Automatic breadcrumbs for react-router

// Import External Dependencies
import React from 'react';
import { Route } from 'react-router-dom';

// Import Components
import { Breadcrumb } from '../../src/index.js';

// Create and export the component
export default ({
	component: Component,
	includeSearch = false,
	render,
	...props
}) => (
  <Route { ...props } render={ routeProps => (
    <Breadcrumb data={{
    	title: props.title,
    	pathname: routeProps.match.url,
    	search: includeSearch ? routeProps.location.search : null
    }}>
    	{ Component ? <Component { ...routeProps } /> : render(routeProps) }
    </Breadcrumb>
  )} />
)