{"size": 415, "ext": "js", "max_stars_repo_path": "project-my-demos/src/breadcrumb/views/breadcrumb.js", "max_stars_repo_name": "renhongl/demo", "max_stars_repo_stars_event_min_datetime": "2017-03-22T09:01:26.000Z", "max_stars_repo_stars_event_max_datetime": "2018-01-18T01:22:00.000Z", "max_issues_repo_path": "project-my-demos/src/breadcrumb/views/breadcrumb.js", "max_issues_repo_name": "renhongl/front-end-demo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "project-my-demos/src/breadcrumb/views/breadcrumb.js", "max_forks_repo_name": "renhongl/front-end-demo", "max_forks_repo_forks_event_min_datetime": "2017-03-22T09:01:27.000Z", "max_forks_repo_forks_event_max_datetime": "2017-03-22T09:01:27.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 24.4117647059, "max_line_length": 70, "alphanum_fraction": 0.4120481928}

import React from 'react';
import Breadcrumb from 'antd/lib/breadcrumb';

export default ({bread}) => {
    return (
        <Breadcrumb style={{ margin: '12px 0' }}>
            {
                bread.split(',').map((v, k) => {
                    return (
                        <Breadcrumb.Item key={k}>{v}</Breadcrumb.Item>
                    )
                })
            }
        </Breadcrumb>
    )
}