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创建它
我追求的是同样的事情,你的问题指向了正确的方向.

这对我有用:

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>
)
原文链接:https://www.f2er.com/react/301274.html

猜你在找的React相关文章