1、使用介绍
找到一个比较详细的介绍文章:https://www.cnblogs.com/wang_yb/p/12714333.html#sec-2,对新手十分友好
2、给面包屑添加路由跳转
const breadRoutes = {
routes: [
{ path: '/', breadcrumbName: '首页' },
{ path: '/agricultureSchool', breadcrumbName: '农学堂' },
{ path: '/agricultureSchool/addVideo', breadcrumbName: '新建农学堂' }
],
itemRender: (route, params, routes, paths) => {
const secondRoute = routes.indexOf(route) === 1
return secondRoute ? (
<Link to={route.path} style={{color: 'rgba(0,0,0,0.65)'}}>{route.breadcrumbName}</Link>
) : (
<span>{route.breadcrumbName}</span>
)
}
}
return (
<PageHeaderWrapper breadcrumb={breadRoutes}>
</PageHeaderWrapper>
)