render() { return ( <div> <AccountBreadcrumb> <Breadcrumb.Item active>Overview</Breadcrumb.Item> </AccountBreadcrumb> <h1>Overview</h1> </div> ); }
const UrlLocation = () => ( <Breadcrumb> <LinkContainer to='/'><Breadcrumb.Item>Home</Breadcrumb.Item></LinkContainer> {routes.map((route, index) => ( <Route path={route.path} key={index} render={({location})=> ( <LinkContainer to={location.pathname}> <Breadcrumb.Item>{route.title}</Breadcrumb.Item> </LinkContainer> ) }/> ))} </Breadcrumb> )
<Link to="/admin/users">Users</Link> </li> <Breadcrumb.Item active>{name ? `${name.first} ${name.last}` : username}</Breadcrumb.Item> </Breadcrumb> <Styles.AdminUserHeader className="page-header">
<div> <AccountBreadcrumb> <Breadcrumb.Item active>Billing</Breadcrumb.Item> </AccountBreadcrumb>
render() { return ( <Breadcrumb> <LinkContainer to="/account"> <Breadcrumb.Item>Account</Breadcrumb.Item> </LinkContainer> {this.props.children} </Breadcrumb> ); }
render() { return ( <div> <AccountBreadcrumb> <Breadcrumb.Item active>Settings</Breadcrumb.Item> </AccountBreadcrumb> <h1>Settings</h1> </div> ); }