yapi/client/components/Breadcrumb/Breadcrumb.js
2017-11-16 10:27:54 +08:00

41 lines
984 B
JavaScript
Executable File

import './Breadcrumb.scss';
import {withRouter} from 'react-router-dom';
import {Breadcrumb} from 'antd';
import PropTypes from 'prop-types'
import React, { PureComponent as Component } from 'react';
import {connect} from 'react-redux';
import {Link} from 'react-router-dom'
@connect(
state => {
return {
breadcrumb: state.user.breadcrumb
}
}
)
@withRouter
export default class BreadcrumbNavigation extends Component {
constructor(props) {
super(props);
}
static propTypes = {
breadcrumb: PropTypes.array
}
render() {
const getItem = this.props.breadcrumb.map((item, index) => {
if (item.href) {
return (<Breadcrumb.Item key={index}><Link to={item.href}>{item.name}</Link></Breadcrumb.Item>);
} else {
return (<Breadcrumb.Item key={index}>{item.name}</Breadcrumb.Item>);
}
})
return (<div className="breadcrumb-container">
<Breadcrumb>
{getItem}
</Breadcrumb>
</div>);
}
}