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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章