Breadcrumb面包屑（antd-design组件库）简单用法和自定义分隔符

1.Breadcrumb面包屑

显示当前页面在系统层级结构中的位置，并能向上返回。

2.何时使用

·当系统拥有超过两级以上的层级结构时；

·当需要告知用户『你在哪里』时；

·当需要向上导航的功能时。

组件代码来自： 面包屑 Breadcrumb - Ant Design

3.本地验证前的准备

参考文章【react项目+antd组件-demo:hello-world react项目+antd组件-demo:hello-world_react demo-CSDN博客】，将 面包屑 Breadcrumb - Ant Design 中需要在本地使用的代码复制覆盖App2.js中的全部代码，启动代码，可在本地查看现象和更改代码。

4.本地验证Breadcrumb面包屑最简单的用法。

复制下图所示代码，了解Breadcrumb面包屑最简单的用法。

5.如何自定义分隔符

在上一步的基础上，复制下述代码到第一个<Breadcrumb … />中

separator = '>'

效果图如下：

本文仅介绍了组件Breadcrumb的部分内容，更多内容请参阅官方文档： 面包屑 Breadcrumb - Ant Design