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;

效果图:

微信截图_20181026135115.png

ok保存后,看看效果吧!你学会了吗?

Ant Design Pro初探—添加面包屑


喜欢(1)

评论 抢沙发

表情