zan-breadcrumb-nav

zan-breadcrumb-nav

这是一个微商城顶部面包屑通用组件。

代码演示

:::demo 基础用法

import BreadcrumbNav from 'zan-breadcrumb-nav';
 
class Simple extends React.Component {
 
    render() {
        const navs = [
            { id: 'dashboard', name: '首页', href: '#dashboard' },
            { id: 'app', name: '应用中心', href: '#app' },
            { id: 'ump', name: '营销中心', href: '#ump' }
        ];
 
        const activeNav = 'app';
 
        return (
            <div>
                <BreadcrumbNav navs={navs} activeNav={activeNav} />
            </div>
        );
    }
}
 
ReactDOM.render(
    <Simple />
    , mountNode
);
 

:::

API

参数	说明	类型	默认值	备选值	是否必填
className	自定义额外类名	string	''	''	false
prefix	自定义前缀	string	'rc'	''	false
navs	面包屑内容	array			true
activeNav	active的Item	string			false