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