MyBreadCrumb.js 707 B

1234567891011121314151617181920212223
  1. import React, {Component} from "react";
  2. import {Breadcrumb} from "antd";
  3. class MyBreadCrumb extends Component {
  4. render() {
  5. return this.address.split('/').map((ele, index) => {
  6. let key = this.address.split('/').slice(0, index + 1);
  7. key = key.join('/');
  8. // 保证最有'/'结尾
  9. key = key.slice(-1) === '/' ? key : key + '/';
  10. return (
  11. <Breadcrumb.Item
  12. key={key}
  13. className="breadcrumb-line"
  14. onClick={(ev) => this.cdFolder(key)}>
  15. <a>{ele}</a>
  16. </Breadcrumb.Item>
  17. );
  18. });
  19. }
  20. }
  21. export default MyBreadCrumb;