-
问题:使用Antd的breadcrumb组件,使用的是browserHistory。按照文档里说的,使用itemRender。
使用的时候itemRender没有调用this.itemRender,我也不清楚itemRender需要的4个参数是从哪里获取的。
想请问一下itemRender的正确用法。
代码贴上
class AppHeader extends Component {
constructor(props) {
super(props)
this.itemRender = this.itemRender.bind(this)
}
itemRender(route, params, routes, paths) {
console.log(route)
const last = routes.indexOf(route) === routes.length - 1;
return last ? <span>{route.breadcrumbName}</span> : <Link to={paths.join('/')}>{route.breadcrumbName}</Link>;
}
render() {
return (
<Header className="header">
<div className="logo"/>
<Menu
theme="dark"
mode="horizontal"
defaultSelectedKeys={['2']}
style={{lineHeight: '64px'}}
>
<Menu.Item key="logout">
<Link to="/">登出</Link>
</Menu.Item>
<Menu.Item key="breadcrumb">
<Breadcrumb itemRender={itemRender}/>
</Menu.Item>
</Menu>
</Header>
);
}
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…