43 lines
1.0 KiB
JavaScript
Executable File
43 lines
1.0 KiB
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>
|
|
);
|
|
}
|
|
}
|