How to use

Item

function

in

BreadcrumbItem

  style={{ lineHeight: '64px' }}
  <Menu.Item key="/"><Link to="/">Track Stories</Link></Menu.Item>
  <Menu.Item key="/statistics"><Link to="/statistics">Statistics</Link></Menu.Item>
 </Menu>
</Header>
  }}
  <Breadcrumb.Item>
   <Link to="/">Dashboard</Link>
  </Breadcrumb.Item>
  {match && match.params && match.params.storyId && (
   <Breadcrumb.Item>Story #{match.params.storyId}</Breadcrumb.Item>
  )}
 </Breadcrumb>

function BreadcrumbComponent(props) {
 return(
  <React.Fragment>
    <Breadcrumb style={{ margin: '16px 0' }}>
       <Breadcrumb.Item>/</Breadcrumb.Item>
    </Breadcrumb>
  </React.Fragment>
 );
}

this.state.nowDirs.map(function(ret,index,arr){
   let distPath = arr.slice(0,index+1).join('/');
   return   <Breadcrumb.Item><a onClick = {that.showDir.bind(that,distPath)}>{ret}</a></Breadcrumb.Item>
  })

render() {
  return (
   <AntBreadcrumb>
    {this.props.items.map((item) => (
     <AntBreadcrumb.Item key={item[0]}>
      {this.isLink(item) ? (
       <Link to={item[1]}>{item[0]}</Link>
      ) : (
       item[0]
      )}
     </AntBreadcrumb.Item>
    ))}
   </AntBreadcrumb>
  );
 }

pathSnippets.map((url, index) => {
   const currentBreadcrumb = getBreadcrumb(breadcrumbNameMap, url);
   if (currentBreadcrumb.inherited) {
    return null;
   }
   const isLinkable = index !== pathSnippets.length - 1 && currentBreadcrumb.component;
   const name = itemRender ? itemRender(currentBreadcrumb) : currentBreadcrumb.name;
   return currentBreadcrumb.name && !currentBreadcrumb.hideInBreadcrumb ? (
    <Breadcrumb.Item key={url}>
     {createElement(
      isLinkable ? linkElement : 'span',
      { [linkElement === 'a' ? 'href' : 'to']: url },
      name
     )}
    </Breadcrumb.Item>
   ) : null;
  })

const hocComponent = ({ ...props }) => (
  <Fragment>
   <Breadcrumb style={{ margin: "16px 0" }}>
    {crumbs.map(item => {
     const [title, path] = [].concat(item);
     return (
      <Breadcrumb.Item key={title}>
       {path ? <NavLink to={path}>{title}</NavLink> : title}
      </Breadcrumb.Item>
     );
    })}
   </Breadcrumb>
   <WrappedComponent {...props} />
  </Fragment>
 )

breadcrumbList.map(item => {
     const title = itemRender ? itemRender(item) : item.title;
     return (
      <Breadcrumb.Item key={item.title}>
       {item.href
        ? createElement(
          linkElement,
          {
           [linkElement === 'a' ? 'href' : 'to']: item.href,
          },
          title
         )
        : title}
      </Breadcrumb.Item>
     );
    })

breadcrumb.map((item, i) => {
      if (i !== length - 1) {
       return (
        <Breadcrumb.Item key={item.id}>
         <a onClick={() => {
          this.handleOutModule(item.id);
         }}
         >{item.name}
         </a>
        </Breadcrumb.Item>
       );
      } else {
       return (<Breadcrumb.Item key={item.id}>{item.name}</Breadcrumb.Item>);
      }
     })

const App = ()=> {
 return (
  <Layout className="layout">
   <Header style={{ background: '#fff', padding: '0 275px' }}>
    <Icon className={'trigger'} type={'menu-fold'} /> ASCII STORE
   </Header>
  <Content style={{ padding: '0 300px' }}>
   <Breadcrumb style={{ margin: '16px 0' }}>
    <Breadcrumb.Item>Home</Breadcrumb.Item>
    <Breadcrumb.Item>Products Page</Breadcrumb.Item>
   </Breadcrumb>
   <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
    <List/>
   </div>
  </Content>
  <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
 </Layout>
 );
}

breadcrumbList.map(item => {
     const title = itemRender ? itemRender(item) : item.title;
     return (
      <Breadcrumb.Item key={item.title}>
       {item.href
        ? createElement(
          linkElement,
          {
           [linkElement === 'a' ? 'href' : 'to']: item.href,
          },
          title
         )
        : title}
      </Breadcrumb.Item>
     );
    })

const hocComponent = ({ ...props }) => (
  <Fragment>
   <Breadcrumb style={{ margin: "16px 0" }}>
    {crumbs.map(item => {
     const [title, path] = [].concat(item);
     return (
      <Breadcrumb.Item key={title}>
       {path ? <NavLink to={path}>{title}</NavLink> : title}
      </Breadcrumb.Item>
     );
    })}
   </Breadcrumb>
   <WrappedComponent {...props} />
  </Fragment>
 )

pathSnippets.map((url, index) => {
   const currentBreadcrumb = getBreadcrumb(breadcrumbNameMap, url);
   if (currentBreadcrumb.inherited) {
    return null;
   }
   const isLinkable = index !== pathSnippets.length - 1 && currentBreadcrumb.component;
   const name = itemRender ? itemRender(currentBreadcrumb) : currentBreadcrumb.name;
   return currentBreadcrumb.name && !currentBreadcrumb.hideInBreadcrumb ? (
    <Breadcrumb.Item key={url}>
     {createElement(
      isLinkable ? linkElement : 'span',
      { [linkElement === 'a' ? 'href' : 'to']: url },
      name
     )}
    </Breadcrumb.Item>
   ) : null;
  })

breadcrumb.map((item, i) => {
      if (i !== length - 1) {
       return (
        <Breadcrumb.Item key={item.id}>
         <a onClick={() => {
          this.handleOutModule(item.id);
         }}
         >{item.name}
         </a>
        </Breadcrumb.Item>
       );
      } else {
       return (<Breadcrumb.Item key={item.id}>{item.name}</Breadcrumb.Item>);
      }
     })

breadcrumbList.map(item => {
     const title = itemRender ? itemRender(item) : item.title;
     return (
      <Breadcrumb.Item key={item.title}>
       {item.href
        ? createElement(
          linkElement,
          {
           [linkElement === 'a' ? 'href' : 'to']: item.href,
          },
          title
         )
        : title}
      </Breadcrumb.Item>
     );
    })

pathSnippets.map((url, index) => {
   const currentBreadcrumb = getBreadcrumb(breadcrumbNameMap, url);
   if (currentBreadcrumb.inherited) {
    return null;
   }
   const isLinkable = index !== pathSnippets.length - 1 && currentBreadcrumb.component;
   const name = itemRender ? itemRender(currentBreadcrumb) : currentBreadcrumb.name;
   return currentBreadcrumb.name && !currentBreadcrumb.hideInBreadcrumb ? (
    <Breadcrumb.Item key={url}>
     {createElement(
      isLinkable ? linkElement : 'span',
      { [linkElement === 'a' ? 'href' : 'to']: url },
      name
     )}
    </Breadcrumb.Item>
   ) : null;
  })