cuz/templete/backend/src/app/framework/Breadcrumb.js

Front-end modular development kit.

import './Breadcrumb.css';
import React, { Component } from 'react';
import { Link } from 'react-router';

export default class App extends Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
  }

  render() {
    const { breadcrumbs } = this.props;
    return (
      <ul className="breadcrumbs row">
        {breadcrumbs.map((item, i) =>
          <li key={i}>
            {i !== 0 &&
              <i className="fa fa-angle-right"></i>
            }
            {item.length === 1 &&
              <span>{item[0]}</span>
            }
            {item.length === 2 &&
              <Link to={item[1]}>{item[0]}</Link>
            }
          </li>
        )}
      </ul>
    );
  }
}