Ant Design Pro右上角個人設置管理

好久沒有分享一下學習經驗了,主要最近忙着畢業論文和畢業設計。
今天簡單分享一下使用Ant Design Pro的時候領導讓我刪除頂部右上角的個人中心和觸發報錯。
其實也不是什麼技術上的難題,主要就是找到文件和內容就行了。
在這裏插入圖片描述
頂部的文件在src/layouts/Header.js中。
不過我們發現在這裏面對頂部做修改挺麻煩的,如果你只是做簡單的修改,建議不在這裏面修改。當然如果你不滿意現在頂部的組件,你可以直接重新寫一個頂部組件。
我們可以看出這裏的Header文件中主要是對組件的引用,主要引用了以下兩個組件。
在這裏插入圖片描述
而我們要修改的地方就在/components/GlobalHeader文件中。
在這裏插入圖片描述
這個文件就是我們最終要修改的文件。

在這裏插入圖片描述
最後刪除選中的內容就能得到我們要的效果了
在這裏插入圖片描述

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