{"action":"created","issue":{"url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/38","repository_url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc","labels_url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/38/labels{/name}","comments_url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/38/comments","events_url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/38/events","html_url":"https://github.com/icd2k3/react-router-breadcrumbs-hoc/issues/38","id":331494121,"node_id":"MDU6SXNzdWUzMzE0OTQxMjE=","number":38,"title":"A bread didn't show","user":{"login":"devinyan","id":26291409,"node_id":"MDQ6VXNlcjI2MjkxNDA5","avatar_url":"https://avatars2.githubusercontent.com/u/26291409?v=4","gravatar_id":"","url":"https://api.github.com/users/devinyan","html_url":"https://github.com/devinyan","followers_url":"https://api.github.com/users/devinyan/followers","following_url":"https://api.github.com/users/devinyan/following{/other_user}","gists_url":"https://api.github.com/users/devinyan/gists{/gist_id}","starred_url":"https://api.github.com/users/devinyan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/devinyan/subscriptions","organizations_url":"https://api.github.com/users/devinyan/orgs","repos_url":"https://api.github.com/users/devinyan/repos","events_url":"https://api.github.com/users/devinyan/events{/privacy}","received_events_url":"https://api.github.com/users/devinyan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-06-12T08:48:18Z","updated_at":"2018-06-14T01:10:18Z","closed_at":null,"author_association":"NONE","body":"Hi @icd2k3 ，I followed the guide and realize breadcrumbs as below.\r\nI met the problem the fourth bread didn't show.\r\nAny where has problem?\r\n\r\nThanks.\r\n\r\n![image](https://user-images.githubusercontent.com/26291409/41280251-15deb8a8-6e61-11e8-8396-1689e4ec347e.png)\r\n\r\n\r\n`\r\nconst UserBreadcrumb = ({ match }) => (\r\n<span>{getProductName(match.params.pid)}</span>\r\n)\r\n`\r\nconst routes = [\r\n  { path: '/product/detail/:pid', breadcrumb: UserBreadcrumb },\r\n  { path: '/', breadcrumb: 'HomePage' },\r\n  { path: '/carts', breadcrumb: 'Cart' },\r\n  { path: '/login', breadcrumb: 'Login' },\r\n  { path: '/product/detail', breadcrumb: 'Detail Info'},\r\n  { path: '/product', breadcrumb: 'Product' }\r\n];\r\n\r\nfunction getProductName(id) {\r\n  let callURL = 'https://easy-mock.com/mock/5b14997f27efb177b0e1052f/products/detail/' + id;\r\n  axios.get(callURL)\r\n  .then(function(response){  \r\n    console.log(response);\r\n    return  response.data.product.title;\r\n  }); \r\n}\r\n\r\nconst Breadcrumbs = ({ breadcrumbs }) => (\r\n\r\n\t<div id=\"breadcrumb\" className=\"breadcrumb\">\r\n\t\t<ul className=\"clearfix\">\r\n\t\t\t\t{breadcrumbs.map((breadcrumb, index) => (\t\t\t\t\r\n\t\t\t\t\t<li key={breadcrumb.key}>\r\n\t\t\t\t\t\t\t<NavLink to={breadcrumb.props.match.url}>\r\n\t\t\t\t\t\t\t\t{breadcrumb}\r\n\t\t\t\t\t\t\t</NavLink>\r\n\t\t\t\t\t\t\t{(index < breadcrumbs.length - 1) ?  \">\" : \"\"}\r\n\t\t\t\t\t</li>\r\n\r\n\t\t\t\t))}\r\n\t\t</ul>\r\n\t</div>\r\n);\r\n\r\nexport default withBreadcrumbs(routes)(Breadcrumbs);"},"comment":{"url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/comments/397135482","html_url":"https://github.com/icd2k3/react-router-breadcrumbs-hoc/issues/38#issuecomment-397135482","issue_url":"https://api.github.com/repos/icd2k3/react-router-breadcrumbs-hoc/issues/38","id":397135482,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NzEzNTQ4Mg==","user":{"login":"devinyan","id":26291409,"node_id":"MDQ6VXNlcjI2MjkxNDA5","avatar_url":"https://avatars2.githubusercontent.com/u/26291409?v=4","gravatar_id":"","url":"https://api.github.com/users/devinyan","html_url":"https://github.com/devinyan","followers_url":"https://api.github.com/users/devinyan/followers","following_url":"https://api.github.com/users/devinyan/following{/other_user}","gists_url":"https://api.github.com/users/devinyan/gists{/gist_id}","starred_url":"https://api.github.com/users/devinyan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/devinyan/subscriptions","organizations_url":"https://api.github.com/users/devinyan/orgs","repos_url":"https://api.github.com/users/devinyan/repos","events_url":"https://api.github.com/users/devinyan/events{/privacy}","received_events_url":"https://api.github.com/users/devinyan/received_events","type":"User","site_admin":false},"created_at":"2018-06-14T01:10:18Z","updated_at":"2018-06-14T01:10:18Z","author_association":"NONE","body":"Hi @icd2k3, \r\nThanks for your response.\r\nYes as you said,  \"Testing\" was showed up, \r\nbut as my code, if the \"Testing\" was replaced by some function so as to dynamically show value,it didn't work.I don't know why."}}
{"actor":{"display_login":"devinyan"}}