zent/src/breadcrumb/Breadcrumb.js

一套前端设计语言和基于React的实现

import React, { Component, PureComponent } from 'react';
import cx from 'classnames';

import PropTypes from 'prop-types';

import Item from './Item';

export default class Breadcrumb extends (PureComponent || Component) {
  static propTypes = {
    prefix: PropTypes.string,
    className: PropTypes.string,
    breads: PropTypes.array
  };

  static defaultProps = {
    prefix: 'zent',
    className: '',
    breads: []
  };

  render() {
    const { prefix, className, children = null, breads } = this.props;

    return (
      <div className={cx(`${prefix}-breadcrumb`, className)}>
        {children}
        {breads &&
          breads.length > 0 &&
          breads.map((item, index) => {
            return <Item {...item} key={index} />;
          })}
      </div>
    );
  }
}

Breadcrumb.Item = Item;