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

发布时间：2020-12-15 20:54:10 所属栏目：百科来源：网络整理

导读：如何创建react-router v4面包屑？我尝试通过问题单在react-router V4网站上提出这个问题.他们只是说要看 recursive paths的例子.我真的想在 semantic-ui-react创建它我追求的是同样的事情,你的问题指向了正确的方向. 这对我有用： const Breadcrumbs = (pro

如何创建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>
)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!