react-router-v4 – 如何创建react-router v4 breadcrumbs?

前端之家收集整理的这篇文章主要介绍了react-router-v4 – 如何创建react-router v4 breadcrumbs?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何创建react-router v4面包屑?我尝试通过问题单在react-router V4网站上提出这个问题.他们只是说要看 recursive paths的例子.我真的想在 semantic-ui-react创建它
我追求的是同样的事情,你的问题指向了正确的方向.

这对我有用:

@H_502_7@const Breadcrumbs = (props) => ( <div className="breadcrumbs"> <ul className='container'> <Route path='/:path' component={BreadcrumbsItem} /> </ul> </div> ) const BreadcrumbsItem = ({ ...rest,match }) => ( <span> <li className={match.isExact ? 'breadcrumb-active' : undefined}> <Link to={match.url || ''}> {match.url} </Link> </li> <Route path={`${match.url}/:path`} component={BreadcrumbsItem} /> </span> )

猜你在找的React相关文章