Ant Design Pro右上角个人设置管理

好久没有分享一下学习经验了,主要最近忙着毕业论文和毕业设计。
今天简单分享一下使用Ant Design Pro的时候领导让我删除顶部右上角的个人中心和触发报错。
其实也不是什么技术上的难题,主要就是找到文件和内容就行了。
在这里插入图片描述
顶部的文件在src/layouts/Header.js中。
不过我们发现在这里面对顶部做修改挺麻烦的,如果你只是做简单的修改,建议不在这里面修改。当然如果你不满意现在顶部的组件,你可以直接重新写一个顶部组件。
我们可以看出这里的Header文件中主要是对组件的引用,主要引用了以下两个组件。
在这里插入图片描述
而我们要修改的地方就在/components/GlobalHeader文件中。
在这里插入图片描述
这个文件就是我们最终要修改的文件。

在这里插入图片描述
最后删除选中的内容就能得到我们要的效果了
在这里插入图片描述

评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值