記錄一個我遇到的react小問題之組件的加載

今天上班遇到了一個小問題,就是系統他有一個頭部,頭部上有頭像、用戶名、主頁、信息、事件、報警、和註銷幾個按鈕。
在這裏插入圖片描述
但是系統有一個祕鑰驗證頁面,在登錄賬號後,如果祕鑰爲空或者過期,則頭部只顯示頭像,用戶名和註銷按鈕,別的按鈕不顯示,祕鑰如果是有效的或者輸入有效的祕鑰後,頭部是所有按鈕都有的。
這個是一個很簡單的問題,只要給祕鑰驗證界面一個狀態 showFlag,showFlag爲true時所有按鈕都顯示,如果showFlag爲false時只允許顯示頭像、用戶名和註銷按鈕,然後把這個狀態傳給頭部組件,然後通過判斷顯示出不同的頭部,現在遇到的問題是,顯示是按照showFlag的狀態顯示了,但是不顯示的組件也會被加載,因爲祕鑰驗證攔截器會攔截加載組件,所以就會出現很多message提示信息,但是我不想要提示信息,就在想怎麼讓showFlag狀態爲false的時候不加載其他組件,但是一直沒有成功,後來發現,是我一開始在state中默認讓showFlag爲true,所以導致的這個問題,只要把他默認改成false就可以只在showFlag爲true的時候加載想要的組件了!
在這裏插入圖片描述

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