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

时间:2024-04-05 19:25:12

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

Ant Design Pro右上角个人设置管理
最后删除选中的内容就能得到我们要的效果了
Ant Design Pro右上角个人设置管理