Ant Design Pro初探—添加面包屑

Ant Design Pro初探—添加面包屑

上次咱们说了新建页面！页面建成了，开始填充页面 新建面页面不会的看上一片文章:Ant Design Pro初探—新建页面

首先是需要添加家面包屑，上代码：

import React, { PureComponent } from 'react';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';     //引入面包屑
//import styles from './User.less';
//<PageHeaderWrapper title="面包屑测试"> xxxxx </PageHeaderWrapper>  使用面包屑 title可有可无！看自己需求哦！
class User extends PureComponent {
    render() {
        return (
            <PageHeaderWrapper title="面包屑测试">  
            <div>
                HELLO WORD!
            </div>
            </PageHeaderWrapper>
        )
    }
}
export default User;

效果图：

ok保存后，看看效果吧！你学会了吗？

Ant Design Pro初探—添加面包屑